Javascript 如何设置新数据,然后在Highcharts中反转为原始数据?
我有两个数组,我想用自定义按钮在Highcharts中显示:Day和Week 要重置图表并显示原始数据,我需要一个重置按钮,但我的问题是它无法呈现此特定数组(Javascript 如何设置新数据,然后在Highcharts中反转为原始数据?,javascript,highcharts,Javascript,Highcharts,我有两个数组,我想用自定义按钮在Highcharts中显示:Day和Week 要重置图表并显示原始数据,我需要一个重置按钮,但我的问题是它无法呈现此特定数组(original\u data) 这个问题的原因可能是什么?我该如何解决 谢谢, 您在配置对象中传递了原始数据。现在,每次调用setData(new\u data)都会覆盖original\u data,因为它可以作为参考 因此,当您在后台单击“周”按钮时,它看起来像: 原始数据=新数据2 解决方案是在配置对象中传递原始\u数据的克隆。
original\u data
)
这个问题的原因可能是什么?我该如何解决
谢谢,
您在配置对象中传递了原始数据。现在,每次调用
setData(new\u data)
都会覆盖original\u data
,因为它可以作为参考
因此,当您在后台单击“周”按钮时,它看起来像:
原始数据=新数据2代码>
解决方案是在配置对象中传递原始\u数据的克隆。
示例:谢谢,我没想到setData()
会重写原始数组。工作完美!
original_data = [1, 2, 3, 4, 5];
new_data1 = [6, 7, 6, 7, 6];
new_data2 = [15, 14, 13, 12, 11];
var mychart = Highcharts.chart('container', {
series: [{
name: 'Total',
data: original_data,
type: 'area'
}
],
exporting: {
buttons: {
first_Button: {
text: 'Day',
onclick: function () {
mychart.series[0].setData(new_data1);
}
},
second_Button: {
text: 'Week',
onclick: function () {
mychart.series[0].setData(new_data2);
}
},
third_Button: {
text: 'Reset',
onclick: function () {
mychart.series[0].setData(original_data);
}
}
}
}
});