許多點的數據不能用Hightcharts繪製線條

Question

我試圖用超過300點的數據的線條樣式繪製圖表。我無法獲得預期的圖表，但只能使用標記。但是，當我放大圖形時，可以看到該線條。我已經做了很多工作來展示線路，但是我失敗了。最後，當我減少數據點的數量時，我可以看到這條線。我曾經遇到過flot，但我沒有遇到過這樣的問題。是在高層圖中的錯誤？我如何克服這個困難？我期待着你的建議。

Answer 1

也許你沒有足夠的容器寬度，並且標記「重疊」線。因此請嘗試禁用標記http://api.highcharts.com/highcharts#plotOptions.line.marker.enabled並檢查是否出現行。

ps。源代碼將是有益的（你可以在jsfiddle.net中重現它）

Answer 2

非常感謝您對此問題的關注。我自己解決了這個問題。 當我再次用JSON.stringify檢查我的數據時，發現最後一個繪圖數據是[NaN，NaN]。當我刪除這些數據並再次繪製時，我得到了線條圖。我從文本文件創建數據並忘記修剪文本的原因。當我從數據數組中添加/刪除[NaN，NaN]時，該行可能會顯示或消失。這些現象可以被複制。

以下是示例代碼。 data1不能一行顯示，但data2可以。 var chart;

var data1 = [ 
    [0, 1], 
    [1, 2], 
    [3, 5], 
    [10, 9] 
]; 


data1.push([NaN, NaN]); // if the last data is [NaN, NaN], the line will not be shown. 

var data2 = [ 
    [2, 3], 
    [4, 5], 
    [10, 1] 

]; 



$(function() { 
    // define the options 
    var options = { 

     chart: { 
      renderTo: 'container' 
     }, 

     plotOptions: { 
      series: { 
        lineWidth: 2, 

        marker: { 
         enabled: false 
        } 
      } 
     }, 

     series: [{ 
      name: 'test 1', 
      data: data1 
     }, { 
      name: 'test 2', 
      data: data2 
     }] 
    }; 

chart = new Highcharts.Chart(options); 


});