HightCharts绑定后台传过来的json数据
网上看到的大多是静态的数据,所以只写如何绑定后台传过来的数据。
代码如下:
$(document).ready(function () {
//先把图表的参数定义好。
var options = {
chart: {
renderTo: 'containArea', //图表放入的容器ID
type: 'line' //图表类型 此处是拆线图
},
xAxis: {
categories: ['周一','周二','周三','周四'] //横坐标数据点文字 也可动态赋值,变量格式为['',''...]
},
yAxis: {
title: {
text: '.c'//Y坐标说明
},
labels: {
formatter: function () {
return this.value + '.C' //纵坐标数据格式。
}
}
},
series: [{ name: '最低气温' }, { name: '最高气温' }], //此处定义两个series,即两条线,最高气温和最低气温,如果更多则在里面添加大括号。