首页 > Web开发 > 详细

highchartsJS 一最简单的ajax修改

时间:2016-07-29 18:58:13      阅读:325      评论:0      收藏:0      [点我收藏+]

首先在你的ajax 中 重新定义一下这个 charts,生成一个新的局部变量

  var  chartst={
            rangeSelector: {
                selected: 1
            },
            title: {
                text: ‘Passenger flow‘
            },
            series: [{
                name: ‘numbers‘,
                data: [],
                type: ‘spline‘,
                tooltip: {
                    valueDecimals: 2
                }
            }]
        };

然后比如我要去改动一些东西

//改动 title
     title= chartst.title;
     title.text="你想要改动的内容";
//改动 yAxis ,把y的上限改到了40
    yAxis= chartst.yAxis;
    yAxis.max=40;
//这些参数值是需要事先修改好的。当然也可以后期改了然后chart.redraw();
//改完后就可以实例化了。
  $(‘#container‘).highcharts(chartst);
   

需要注意的是,当chart 被实例化以后,series 这一栏内存貌似是被锁死了的,无论你怎样用上面的series=chart.series是获取不到值的,获取到的都是null,所以接下来推荐

chart.series[0].addPoint([1,6,1]);

这种方式来添加值。如果你的值是后台就封装好直接能用的,那么就更简单了。

    var chart = $(‘#container‘).highcharts();        
    while(chart.series[0].length){
      chart.series[0].remove();//删除当前所有数据
   }
    chart.addSeries({
    name : ‘Numbers‘,
    data : data   //这里的data可以用你ajax返回的。
     });

 

highchartsJS 一最简单的ajax修改

原文:http://www.cnblogs.com/Mischief/p/5719131.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!