많은 포인트의 데이터에 대해 Hightchart로 선을 그릴 수 없습니다.

Question

데이터에 대해 선 스타일로 그래프를 플롯하려고했습니다. 예상 된 그래프를 얻을 수는 없었지만 마커 만 사용했습니다. 그러나 그래프를 확대/축소하면 선이 표시됩니다. 나는 선을 보여주기 위해 많은 노력을했지만 실패했다. 마지막으로 데이터 요소의 수를 줄이면 그 행을 볼 수있었습니다. 나는 플로트를 경험했지만 이런 종류의 문제는 발생하지 않았다. 하이 차트에 버그가 있습니까? 이 어려움을 어떻게 극복 할 수 있습니까? 나는 당신의 제안을 기다리고 있습니다.

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); 


});