javascript - jqPlotチャートにマウスホバーを追加

Question

デフォルトでは、jqplotチャートの任意の領域にマウスを合わせると、色が変わります。これで問題ありません。しかし、ホバーするとその値が表示されるようにしたいと思います。たとえば、チャートには次の2つの領域があります。

1. label =顧客プロジェクト、値= 20
2. label = POC、value = 10

マウスをホバーすると、値だけでなくラベルも表示されます。たとえば、次のように表示されます

顧客プロジェクト：20

これどうやってするの？前もって感謝します。

Answer 1

ラベルが単なるテキスト div であるという事実を利用したハックを次に示します。

previousPoint = null;
$('#chartdiv').bind('jqplotDataMouseOver', function (ev, seriesIndex, pointIndex, data) { 
    var labels = $('#chartdiv .jqplot-data-label');
    if (previousPoint != null)
    {
       labels[previousPoint['idx']].innerHTML = previousPoint['data'][1]+'';               
    }
    labels[pointIndex].innerHTML = data[0] + ": " + data[1];
    previousPoint = {'idx':pointIndex, 'data':data};
}); 

ここで働くフィドル。jqplot ファイルを忘れずにキャッシュしてください。