高图点在firefox中没有被清除

Highcharts points not cleared out in firefox

本文关键字:清除 firefox 高图点      更新时间:2023-09-26

我使用highcharts在表格行上用鼠标动态绘制图表。我想要的是清除图表和隐藏图表上的鼠标。

我在chrome中工作得很好,但我在firefox中得到这个奇怪的行为:图表点仍然在那里。我不知道我是否说得够清楚。您可以在http://dev.bluesquare.org/dev/data上看到。

如果你把鼠标放在标题为"全国工程量"的表格上,你会看到一个图表,当鼠标悬停时出现,当鼠标移出时消失,但在表格上留下一些点。

关于这个问题,有人能给我一些建议吗?

下面是我使用

的部分代码
$(function(){
    $('#district-quantity table tbody tr').hover(function(){
          var row_data = //get some data corresponding to the hovered row
          var chartDiv = 'chart_div';   
          drawQuantityChart(row_data,chartDiv);
       },function(){});
  }
  function drawQuantityChart(row_data,chartDiv) {
            //call a function to parse and format the data for highcharts
            var chartData = parseData(row_data);
            var chart = new Highcharts.Chart({
                chart : {
                    renderTo : chartDiv,
                    type : 'line',
                    height : 360
                },
                title : {
                    text : null
                },
                subtitle : {
                    text : null
                },
                xAxis : {
                    categories : chartData.periods
                },
                yAxis : {
                    title : {
                        text : null
                    },
                    gridLineWidth : 1,
                    min: 0
                },
                tooltip: {                        
                    followPointer: true   
                },
                series : chartData.series
            });    
  }

});
        $('#district-quantity table tbody tr').hover(function(){
              var row_data = //get some data corresponding to the hovered row
              var chartDiv = 'chart_div';   
              drawQuantityChart(row_data,chartDiv);
           },function(){ 
                   chart.destroy();
                  // Why don't you destroy your chart here? Make sure your chart variable is global.
            });
      }