하이 차트의 x 축 레이블에 툴팁을 어떻게 추가합니까?

하이 차트의 x 축 레이블에 툴팁을 어떻게 추가합니까? 현재, 툴팁은 차트의 지점에 표시됩니다하이 차트의 x 축 레이블에 툴팁을 어떻게 추가합니까?

는

xAxis: { 
    categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'], 
    labels: { 
    x: 5, 
    useHTML: true, 
    formatter: function() { 
     return categoryImgs[this.value]; 
    } 
    } 
}

, I는 x 축에 라벨을 유혹 할 때 사용자는 툴팁/사용자 정의 설명을보고 싶어요. 그게 가능하니? 감사합니다

출처

2014-02-19 maximumride

일반적으로 하이 차트는 레이블에 대한 툴팁을 지원하지 않습니다.

사용 Custom-events 플러그인, 라벨에 이벤트를 추가 할 :

그러나 두 가지 솔루션을 https://www.highcharts.com/products/plugin-registry/single/15/Custom-Events (
일부 플러그인을 사용 (데모, 마우스를 통해 사용자 정의 도구 설명을 표시 동일하게 작동한다 클릭이) 이 같은 Tooltipsy 등) : http://jsfiddle.net/gW4p6/196/

출처

2014-02-19 10:32:40

맞춤 이벤트 플러그인이 완벽하게 작동합니다. Pawel 감사합니다! – maximumride

더 이상 작동하지 않습니다 - 어색함 – somedirection

데모에서 tooltipsy가 github 및 github에서로드되면 얼마 전에 repo에서 js를 직접로드 할 수 없습니다. 스크립트 태그에로드 된 툴팁으로 데모를보십시오. http://jsfiddle.net/gW4p6/272/ –

당신은 사업부로 라벨을 만들 포맷을 사용할 수 있습니다. 당신은 그것에 자신의 jquery museOver 이벤트를 작성할 수 있습니다.

formatter: function(){ 
    return "<div class='myClass'> " + this.value + "</div>" 
}

나는 난 그냥 부트 스트랩 및 JQuery와 관련이 질문에 대한 간단한 해결책을 찾을 생각이 당신에게

출처

2014-02-19 10:49:49 Strikers

파업에 감사드립니다.이 작업도 가능하지만 Pawel의 플러그인은 많은 유용한 기능을 제공합니다! – maximumride

을 도움이되기를 바랍니다.

http://jsfiddle.net/key2xanadu/zfsfz0c9/을 참조하십시오.

$('document').ready(function() { 
    $("#text_title").tooltip({placement: 'bottom', title:"HELLO TITLE!"}); 
    $("#label_one").tooltip({placement: 'bottom', title:"HELLO ONE!"}); 
    $("#label_two").tooltip({placement: 'bottom', title:"HELLO TWO!"}); 
});

예는 제목에 툴팁을 추가하는 방법을 보여줍니다 :

이 솔루션은 ID 강아지를 태그 한 후 하단을 tooltipping을 포함!

출처

2014-12-23 03:16:11 xke

하이 차트의 x 축 레이블에 툴팁을 어떻게 추가합니까?

답변

관련 문제