如何使用jQuery Flot將工具提示添加到軸標簽

Question

我已經使用jQuery Flot創建了浮動圖表，但現在，我在x軸上有長標簽，並且在字符串末尾被...截斷了。

我需要在x軸標簽上添加工具提示，以查看完整標簽。

我已經附上了屏幕截圖。

還是可以自定義呈現軸標簽（HTML）的方法？

謝謝

Answer 1

已回答的類似問題： 標記為問題

這是嘗試使用CSS並進行一些即時調整的嘗試，這樣事情就可以解決了：

// push the labels down half their width
// while we are at it find longest label height
var longest = -1;
$('#flot_chart .xAxis .tickLabel').each(function(){
   var self = $(this);
   var width = self.width();
   self.css('top',parseInt(self.css('top')) + width/2 - 5);
    if (width > longest){
        longest = width;
    }
});

// now adjust the chart height so we don't overflow
$("#flot_chart").height($("#flot_chart").height() + longest - $('#flot_chart .xAxis .tickLabel').height() + 5);

JSFiddle

Answer 2

我已通過在ticks選項中傳遞HTML字符串來解決此問題。

jQuery Flot將HTML字符串注入float-x＃-label容器中。