1

jquery プラグイン jqplot を使用しています。3 つの要素を持つタプルがあります。グラフでは、タプルの最初の要素は x 軸で、y 軸は 2 番目の要素です。蛍光ペンは、タプルの x、y、および 3 番目の要素を表示する必要があります。何かのようなもの：

curve1=[**[x,y,date],** [1, 2,'28-May-11'], [2, 4,'30-May-11'], [3,7,'31-May-11']];

蛍光ペンの表示:(1 , 2 , '28-May-11')最初のポイント、(2,4,'30-May-11')2 番目のポイント...

何か案は？

4

1 に答える 1

0

jqplot.highlighter.js解決策の 1 つは、メソッドを少し変更するshowTooltipことです。このメソッドでは、次の行を使用して html を tooltip 要素に割り当てます。

elem.html(str);

目的に応じて、この割り当てを次のようにオーバーライドできます。

elem.html('(' + neighbor.data[0] + ', ' + neighbor.data[1] + ', ' + neighbor.data[2] + ')');

x、y、および日付の 3 つの値を含むタプルを表すために、neighbor.data が使用されているためです。

あるいは...

より汎用的なソリューションでは、ツールチップ テキストをフロント エンドから動的に生成できます (.NET 内で固定の書式設定戦略を処理するのではなくhighlighter.js)。この場合、上記の変更を次のように置き換えることができます。

elem.html(neighbor.data[2]);

次に、タプルの 3 番目の要素を日付 (ツールチップの目的でのみ使用されていると想定しています) からツールチップ テキスト自体に変更します。

たとえば、タプルは次のようになります。

curve1=[ [1, 2, '(1, 2, 28-May-11)'], [2, 4, '(2, 4, 30-May-11)'], [3,7, '(3, 7, 31-May-11)'] ];

またはこれさえ：

curve1=[ [1, 2, 'On 28-May-11 there were 2 instances.'], [2, 4, 'Then on 30-May-11 there were 4.'], ...];

それが役立つことを願っています。

于 2012-01-11T21:05:50.260 に答える