javascript - 更新 Highchart 数据表单导出按钮

标签 javascript jquery highcharts

我正在尝试使用 exporting 选项添加一个按钮,然后使用该按钮在带有实点的折线图和带有它们的累计总和的折线图之间切换。

我正在使用以下代码:

  $(function () { 
    $('#container').highcharts({
        chart: {
            type: 'line'
        },
        xAxis: {
            tickPixelInterval: 200,
            categories: jsonResponse["Date"]
        },
        series: {
            data: jsonResponse["values"]
        },
        exporting: {
            buttons: {
                'myButton': {
                    _id: 'myButton',
                    symbol: 'diamond',
                    text: 'Cumulative',
                    x: -62,
                    symbolFill: '#B5C9DF',
                    hoverSymbolFill: '#779ABF',
                    onclick: function() {
                      if(!cumulative){
                        this.series[0].setData = cumcum(jsonResponse["values"]);
                        alert(this.series[1].setData);
                        cumulative = true;
                      } else {
                        this.series[0].setData = jsonResponse["values"];
                        cumulative = false;
                        alert(this.series[1].setData);
                      }
                    },
                    _titleKey: "myButtonTitle"

                }
            }
        }
    });
  });

function cumcum(data){
  var res = new Array();
  res[0] = data[0];
  for(var i=1; i<data.length; i++) {
    res[i] = res[i-1] + data[i]; 
  }
  return res;
}

alert 我可以看到数据计算正确,但绘图保持不变。

我还尝试了 series[0].yDataseries[0].processedYData

最佳答案

setData 是一个函数,你必须这样调用它:

this.series[0].setData(cumcum(jsonResponse["values"])

参见 API http://api.highcharts.com/highstock#Series获取更多信息。

关于javascript - 更新 Highchart 数据表单导出按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18253151/

相关文章:

javascript - 如何阻止浏览器窗口在特定大小后调整大小

javascript - Highcharts 从 XML 生成柱形图

javascript - 有没有办法在 v-for 循环中观察输入(v-model)

javascript - 将 Bootstrap 与 SqPaymentForm(方形)结合使用

php - 使用 PHP 和 Ajax 检查用户名并显示个人资料图片的自定义登录表单

javascript - Highcharts : Show custom label on series (spline)

c# - 从 .net 代码后面将 json 值传递给 highcharts

javascript - Phoenix Js 和音频文件添加

javascript - 如何从一个html链接并显示第二个html中存在的多个div的单个div?

javascript - 滚动到带有粘性导航和侧边栏的部分