highchartsJS 一最简单的ajax修改

首先在你的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返回的。
     });

 

posted @ 2016-07-29 17:20  Mischief.思喆  阅读(329)  评论(0编辑  收藏  举报