具有 3 个值（而不是 2 个）的荧光笔 (jquery-jqplot)
我正在使用 jquery 插件 jqplot。我有一个包含三个元素的元组，在图表上元组的第一个元素是 x 轴，y 轴是第二个元素。荧光笔需要显示 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')第二...
有什么想法吗？
I'm using the jquery plugin jqplot. I have a tuple with three elements, on the graph the first element of tuple is the xaxis and yaxis is the second element. Highlighter needs to show the x, y and the third element of the tuple. Something like:
curve1=[**[x,y,date],** [1, 2,'28-May-11'], [2, 4,'30-May-11'], [3,7,'31-May-11']];
Highlighter shows: (1 , 2 , '28-May-11') on first point, (2,4,'30-May-11') on second...
Any ideas?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
一种解决方案涉及对
showTooltip方法中的jqplot.highlighter.js进行小修改。在此方法中，以下行用于将 html 分配给工具提示元素：
出于您的目的，您可以使用以下内容覆盖此分配：
因为 neighbor.data 用于表示包含 3 个值的元组：x、y、和日期。
或者...
更通用的解决方案将允许从前端动态生成工具提示文本（而不是处理
highlighter.js中的固定格式策略）。在这种情况下，您可以将上述更改替换为以下内容：然后将元组的第三个元素从日期（我假设仅用于工具提示的目的）更改为工具提示文本本身。
例如，您的元组可能看起来像：
甚至是这样：
希望有帮助。
One solution involves a small modification to
jqplot.highlighter.jsin theshowTooltipmethod.In this method the following line is used to assign the html to the tooltip element:
For your purposes, you can override this assignment with the following:
as neighbor.data is being used to represent your tuple containing the 3 values: x, y, and date.
Alternatively...
A more general purpose solution would allow the tooltip text to be dynamically generated from the front end (rather than dealing with a fixed formatting strategy within
highlighter.js). In this case you could replace the above change with the following:And then change your tuple's third element from the date (which I'm assuming is only being used for the purposes of the tooltip) to the tooltip text itself.
For example your tuple might look like:
or even this:
Hope that helps.