데이터 포인트가 많은 하이 차트 분포도가 매우 느림

Question

여기에 몇 가지 제안 사항이 있지만 내 상황에는 아무런 영향이없는 것으로 보입니다. 나는 또한 미해결 된 유사한 문제들을 보았다. 나는 많은 데이터 (약 40k) 포인트가있는 산점도를 가지고있다. 정말 느립니다. 아래의 링크 (유전자 데이터 - 맨해튼 음모라고 부름)는 결국로드되지만 느린 것입니다. 성능을 최적화 할 방법을 찾아야합니다.

http://ricediversity.org/test/highcharts/examples/line-ajax/index-b.htm

또한, 내 데이터 파일에서 내 툴팁에 추가 정보 (데이터 필드)를 추가하기 위해 노력하고있어,하지만 난 하나 일 것을 얻을 수 없습니다. 어떤 제안?

Answer 1

여기 highcharts 웹 사이트 성능 최적화에 대한 몇 가지 힌트가 있습니다 http://docs.highcharts.com/#faq $의 최적화 성능

그러나 많은 점, 나는 highstock 사용을 고려한다. 그 많은 점들의 세부 사항을 만드는 방법이 없으므로 어떤 식 으로든 그것들을 모으는 것이 더 나은 차트를 만들 것입니다 (http://docs.highcharts.com/#data-grouping).

Answer 2

애니메이션/그림자를 비활성화 할 수 있습니다. 한국인 툴팁 등 http://api.highcharts.com/highcharts#plotOptions.series.animation http://api.highcharts.com/highcharts#tooltip.animationhttp://api.highcharts.com/highcharts#plotOptions.series.shadow

Answer 3

http://api.highcharts.com/highcharts#chart.animation

목록의 highcharts data api 구체적 번호 2를 확인한다. 그것이 당신을 위해 자르지 않는다면, 원하는 데이터를 지정하는 객체 배열을 전달할 수 있습니다. 그런 다음 포맷터에서 참조하기 쉽습니다. Here's a JSfiddle은 데이터 배열에있는 이름을 참조하는 방법을 보여줍니다.

포맷터

formatter: function() { 
    var s = ""; 
    $.each(this.points, function (i, point) { 
     s += point.point.nameList[0]; 
    }); 
    return s; 
} 

하고 데이터 세트는 다음과 같다 :

data = [ ..., 
     {x: xval, y: yval, nameList: myListOfNames}, 
     ...] 

여기서 xval 및 yval 데이터 포인트의 X 및 Y 값이며 myListOfNames 문자열의 배열이다.

Answer 4

아마도 너무 늦어서 유용하지 않을 수 있습니다. (예제 링크가 더 이상 작동하지 않으므로 적용 할 수 있을지 모르겠습니다.)하지만 새로운 차트를 사용하여 시계열 데이터를 다운 샘플링하여 원본 데이터.

http://www.highcharts.com/plugin-registry/single/13/Highcharts-Downsample