我正在使用以下代码在highcharts中生成windrose:
$(function () {
// Parse the data from an inline table using the Highcharts Data plugin
$('#container_rose').highcharts({
data: {
table: 'freqency',
startRow: 1,
endRow: 17,
endColumn: 7
},
chart: {
polar: true,
type: 'column'
},
credits: {
enabled: false
},
title: {
text: 'Wind Rose(Last 30-days)'
},
pane: {
size: '90%'
},
legend: {
reversed: true,
align: 'right',
verticalAlign: 'top',
y: 100,
layout: 'vertical'
},
xAxis: {
tickmarkPlacement: 'on'
},
yAxis: {
min: 0,
endOnTick: false,
showLastLabel: true,
title: {
text: 'Frequency (%)'
},
labels: {
formatter: function () {
return this.value + '%';
}
}
},
tooltip: {
valueSuffix: '%',
followPointer: true,
valueDecimals: 2
},
plotOptions: {
series: {
stacking: 'normal',
shadow: false,
groupPadding: 0,
pointPlacement: 'on'
}
}
});
});
当我点击前端的按钮时,它会显示如下图表。
但问题是当我第二次点击按钮时它显示如下图表(但它应该将图表显示为第一个图表):
多次单击按钮后,为什么显示错误的图表。我该如何修复这个bug。
答案 0 :(得分:0)
好吧,既然你没有显示这个按钮的作用,我只能猜测它会再次将数据重新添加到你的图表中。如果您不希望这种情况发生,您需要以某种方式捕获第二个按钮单击事件。在没有看到使用的代码的情况下,我无法开始猜测哪种方法是合适的。