1

我正在使用 jquery 插件 jqplot。我有一个包含三个元素的元组,在图表上,元组的第一个元素是 xaxis,yaxis 是第二个元素。Highlighter 需要显示元组的 x、y 和第三个元素。就像是:

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')第二点...

有任何想法吗?

4

1 回答 1

0

一种解决方案涉及对该方法的小jqplot.highlighter.js修改showTooltip。在此方法中,以下行用于将 html 分配给 tooltip 元素:

elem.html(str);

出于您的目的,您可以使用以下内容覆盖此分配:

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

因为neighbor.data 用于表示包含3 个值的元组:x、y 和日期。

或者...

一个更通用的解决方案将允许从前端动态生成工具提示文本(而不是处理 内的固定格式策略highlighter.js)。在这种情况下,您可以将上述更改替换为以下内容:

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

然后将元组的第三个元素从日期(我假设它仅用于工具提示的目的)更改为工具提示文本本身。

例如,您的元组可能如下所示:

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 回答