하이 차트 공유 툴팁 포인터

Question

모든 종류의 기상 데이터를 표시하는 차트가 있습니다.

툴팁은 시리즈 내 데이터에서 제대로 작동하지만 다른 데이터 배열의 각 텍스트에 추가 텍스트 형태로 일부 추가 데이터를 추가하려고합니다.

첫 번째 데이터 배열

var hightemp = new Array(12.2, 12.9, 22.7, 26.0, 29.8, 31.5 
         ,33.5, 30.5, 25.1, 23.6, 15.2, 13.2); 

이고 두번째 툴팁 포인트 1을 가로 지르는 경우

var hightempT = new Array("at 16:44 on 29 January 2013" 
        , "at 13:58 on 29 February 2012", "at 18:03 on 28 March 2012" 
        , "at 17:44 on 21 April 2011", "at 17:08 on 26 May 2012" 
        , "at 17:22 on 26 June 2011", "at 17:10 on 26 July 2012" 
        , "at 17:06 on 10 August 2012", "at 18:10 on 07 September 2012" 
        , "at 14:55 on 01 October 2011", "at 13:53 on 03 November 2011" 
        , "at 14:13 on 22 December 2012"); 

는 따라서 현재 HT : 12.2C 판독이고 I는 동일한 액세스하여 HT : 12.2C at 16:44 on 29 January 2013를 판독 할 위치로 이동하고 툴팁 끝 부분에 스크립트를 추가하십시오. 포인터 변수가 배열 1의 위치 1을 가리키고 있으므로 배열 2의 해당 데이터에 액세스 할 수 있습니까?

추가 데이터. 난 당신이 배열에 y & x 아니라 시간을 발견했다, 그래서

var hightemp = new Array(
         { y:12.2, time:"at 16:44 on 29 January 2013"}, 
         { y:12.9, time:"at 13:58 on 29 February 2012"}, 
         { y:22.7, time:"at 18:03 on 28 March 2012"}, 
         { y:26.0, time:"at 17:44 on 21 April 2011"}, 
         { y:29.8, time:"at 17:08 on 26 May 2012"}, 
         { y:31.5, time:"at 17:22 on 26 June 2011"}, 
         { y:33.5, time:"at 17:10 on 26 July 2012"}, 
         { y:30.5, time:"at 17:06 on 10 August 2012"}, 
         { y:25.1, time:"at 18:10 on 07 September 2012"}, 
         { y:23.6, time:"at 14:55 on 01 October 2011"}, 
         { y:15.2, time:"at 13:53 on 03 November 2011"}, 
         { y:13.2, time:"at 14:13 on 22 December 2012"} 
         ); 

하지만 툴팁의 코드

 formatter: function() { 
      return 'HT:'+ this.y + this.x + this.time; 

이 HT:12.2Janundefined 제공 제안 변수를 포맷 한 확인

위

point.x을 사용하면 코드 생성시 아무 것도 생성되지 않습니다. 지.

Answer 1

두 개의 어레이가 필요하지 않습니다. 데이터 포인트의 형식을 다음과 같이 지정하십시오.

[{ y:12.2, text:"at 16:44 on 29 January 2013"}, 
{ y:12.9, text:"at 13:58 on 29 February 2012"} 
... 
] 

이제 포인트 y 및 텍스트 속성에 액세스 할 수 있습니다. 툴팁 사용의 예는 다음과 같습니다. http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/tooltip/formatter-simple/

포인트를 설정하면 포맷터 기능에서 this.point.text를 참조 할 수 있습니다.