我有我一直在使用HTML和headerFormat等風格,像這樣的自定義工具提示:Highcharts工具提示獲取位置和變化類
tooltip: {
useHTML: true,
valueDecimals: 2,
backgroundColor: 'none',
borderColor: '#c0c0c0',
borderRadius: 0,
borderWidth: 0,
xDateFormat: '%d %b %y',
headerFormat: '<div class="chart-tooltip"><span class="tooltip-header">{point.key}</span><br><div class="markers"><span class="tooltip-bg"></span>',
pointFormat: '<span class="tooltip-marker" style="background: {series.color};"></span>' +
'<span class="tooltip-series" style="color: {series.color};">{point.y}</span><br>',
footerFormat: '</div></div>',
animation: false,
shadow: false,
style: {
padding: '0px'
}
}
中的類我已經然後用我的外部CSS文件風格的工具提示。這個效果很好,除了一個問題,工具提示看起來像這樣:
所以問題是當十字線在圖表的左側,工具提示移到右側,箭頭在錯誤的一側。
是否有可能知道什麼時候提示變化兩側,然後相應地添加一個類?所以我可以調整風格。
任何幫助將是偉大的,謝謝。
對,謝謝,是的,我也看到了這一點,但我不確定這是否能幫助我滿足我的需求,這是否讓您看到工具提示的位置並在事件發生變化時觸發事件? – hcharge 2013-04-30 14:10:33
定位器包含一個函數,所以在「返回」之前可以添加一些代碼,並且您可以使用point.plotX和具有boxWidth的大小來定位,您可以嘗試計算。檢查此:http://jsfiddle.net/bAw5J/80/ – Lorenzo 2013-04-30 14:30:55
非常感謝我會看看 – hcharge 2013-04-30 14:58:53