更新Highchart数据表单导出按钮

Update Highchart data form exported button

本文关键字:按钮 表单 数据表 Highchart 数据 更新      更新时间:2023-09-26

我正在尝试使用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"])

见APIhttp://api.highcharts.com/highstock#Series了解更多信息。