(jQuery Highchart) Tooltip Box 내에 추가 사용자 정의 데이터를 넣을 수있는 방법이 있습니까?

Question

사용자 정의 통계 데이터 라인을 마우스 위로 가져 가면 도구 설명 상자 안에 추가하고 싶습니다. 내가 배운 한 객체 배열 안에있는 데이터는 series: 및 tooltip:입니다.

(공통 항목이 아님) 각각에 대해 별도의 값으로 더 많은 사용자 지정 데이터를 넣고 싶습니다. (도구 설명 상자에) . 예를 들어

:
바 1 =========================== 41 % Tooltip: Water: 7.86%
바 2 ===== ============ 33 % Tooltip: Salt: 5.2%, Water: 80%
바 3 ====================== 35 % Tooltip: Caffeine: 51%, Alcohol: 31%, Water: 4%

도구 막대 항목 & 각 막대의 값은입니다. 내가 어떻게 할 수있는?

Answer 1

이 정보는 다음과 같이 series과 함께 저장할 수 있습니다.

{ 
    type: 'bar', 
    name: 'Bar3', 
    composition: { 
     'Caffeine': '51%', 
     'Alcohol': '31%', 
     'Water': '4%' 
    }, 
    data: [35] 
} 

그런 다음 툴팁 포맷터로 가져올 수 있습니다. 시리즈를 참조하려면 this을 사용하십시오.

tooltip: { 
    formatter: function() { 
     console.log(this.series.options.composition); 
    } 
} 

그런 다음 당신은 당신이 원하는에 따라 텍스트를 포맷해야합니다.

Demo

참조 :

• Tooltip formatter