日期:2014-05-16  浏览次数:20355 次

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,即两条线,最高气温和最低气温,如果更多则在里面添加大括号。