高火點不能在Firefox中清除

Question

我正在使用highcharts在表格行上的鼠標上動態繪製圖表。我想要的是清除圖表並將鼠標懸停在鼠標外面。

我在Chrome中工作正常，但我在Firefox中得到這個奇怪的行爲：圖表點仍然存在。我不知道我是否足夠清楚。你可以在http://dev.bluesquare.org/dev/data上看到。

如果將鼠標懸停在標題爲「National Quantities」的表格上，您會看到一個圖表出現在鼠標上方，並在鼠標上消失，但在桌面上留下了一些點。

有沒有人可以給我一個關於這個問題的想法。

這裏是我使用

$(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 
      });  
    } 


}); 

Answer 1

 $('#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. 
      }); 
     }