jQuery Flotで軸ラベルにツールチップを追加する方法

Question

jQuery Flotでflot chartを作成しましたが、今はx軸に長いラベルがあり、文字列の最後に...で切り捨てられました。

フルラベルを表示するには、x軸ラベルにツールチップを追加する必要があります。

スクリーンショットを添付しました。

またはレンダリング軸ラベル（HTML）をカスタマイズする方法は何ですか？

おかげ

Answer 1

同様の質問がすでにによって返事：

// 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を：Mark

Questionにここで物事が収まるように、あなたのCSSを使用し、フライ調整のいくつかを作るための試みです

Answer 2

この文字列をティックオプション。

JQuery Flotは、HTML文字列をfloat-x＃-labelコンテナに挿入します。