在windcharts的windrose的臭虫

时间:2014-04-29 14:18:25

标签: javascript highcharts

我正在使用以下代码在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'
         }
     }
 });
});

当我点击前端的按钮时,它会显示如下图表。 enter image description here

但问题是当我第二次点击按钮时它显示如下图表(但它应该将图表显示为第一个图表): enter image description here

多次单击按钮后,为什么显示错误的图表。我该如何修复这个bug。

1 个答案:

答案 0 :(得分:0)

好吧,既然你没有显示这个按钮的作用,我只能猜测它会再次将数据重新添加到你的图表中。如果您不希望这种情况发生,您需要以某种方式捕获第二个按钮单击事件。在没有看到使用的代码的情况下,我无法开始猜测哪种方法是合适的。