更新Highchart数据表单导出按钮
Update Highchart data form exported button
我正在尝试使用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].yData
和series[0].processedYData
setData是一个函数,您必须像以下那样调用它:
this.series[0].setData(cumcum(jsonResponse["values"])
见APIhttp://api.highcharts.com/highstock#Series了解更多信息。
相关文章:
- 通过单击表单中的按钮,在代码生成中使用javascript生成字母数字代码
- 点击相同的按钮打开模型,然后提交表单
- 为什么我的按钮组件提交它所在的表单
- 在表单完成并确认密码之前,请禁用提交按钮
- 输入文本框为空时的阻止按钮asp.网络表单
- 使用按钮和单选按钮提交表单,但始终使用相同的值
- HTML4表单使用mattw@scriptarchive.comcgi脚本我可以嵌入贝宝按钮
- 单击表单中的按钮会导致页面刷新
- 从输入时提交到jQuery,无需提交按钮,无需表单操作
- 单选按钮表单代码和下拉菜单代码
- 在单选按钮表单选项上附加链接
- 如果电子邮件输入处于焦点上,则阻止输入按钮表单提交 (jquery)
- jquery动态选择单选按钮(表单重置问题)
- Jquery History/Hashchange Event-返回按钮-表单提交时
- 创建第二个addtocart按钮/表单
- HTML/Javascript单选按钮表单,重定向到不同的链接
- 停止不必要的按钮表单提交html js
- JSF提交按钮-表单在一秒钟内被提交X次(直到重新创建视图)-如何防止它
- next和prev按钮表单流的HTML表单验证
- 如何在提交无按钮表单时激发函数