如何將工具提示添加到高圖中的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

一般來說，Highcharts不支持標籤上的工具提示。

但是你有兩個解決方案：

使用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

Custom-event插件完美地工作！謝謝帕維爾！ – maximumride

不再有效 - 無賴 – somedirection

它的工作原理，只是在演示中的工具提示從前一段時間從github和github加載，禁止直接從回購站加載js。在腳本標記中查看帶有加載的工具提示的演示：http://jsfiddle.net/gW4p6/272/ –

您可以使用格式化，使標籤作爲一個div。你可以寫你自己的jquery museOver事件。

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

我希望這將有助於你

來源

2014-02-19 10:49:49 Strikers

感謝罷工者，這也會起作用，但Pawel的插件似乎也提供了很多有用的功能！ – maximumride

我想我找到了一個簡單的解決這個問題，只是涉及到引導和JQuery。

請參閱http://jsfiddle.net/key2xanadu/zfsfz0c9/。

該解決方案包括ID標籤的小狗，然後在底部tooltipping他們：

$('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!"}); 
});

示例還演示瞭如何提示添加到稱號！

來源

2014-12-23 03:16:11 xke

如何將工具提示添加到高圖中的x軸標籤？

回答

相關問題