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返回的。
         });
  • 相关阅读:
    正则表达式常用公式
    造轮子之--Redis
    SqlServer 查询计划分析
    实现poster,json,base64等编码转码工具
    win nginx + php bat启动/停止脚本
    php设计模式——单例模式
    [php]php设计模式 (总结)
    升级openssl 操作记录
    PHP URL安全的Base64位编码
    php curl使用 常用操作
  • 原文地址:https://www.cnblogs.com/Mischief/p/5719131.html
Copyright © 2011-2022 走看看