zoukankan      html  css  js  c++  java
  • 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返回的。
         });
  • 相关阅读:
    day15 web框架和Django基础
    activiti5.22 获得mybatis sessionFactory
    activiti 视图
    activiti 任意退
    spring cloud &&spring boot
    JPA 一对多关联
    webstorm 快捷键
    web storm 破解
    Excel通用导出
    activiti 小计
  • 原文地址:https://www.cnblogs.com/Mischief/p/5719131.html
Copyright © 2011-2022 走看看