从这里的例子中,我知道如何创建一个显示悬停时工具提示的Flot图.但这些示例仅显示如何显示包含x值,y值,标签等的工具提示,我无法弄清楚如何创建更多自定义工具提示.
有没有我可以附加自定义数据的地方,我可以在创建工具提示时访问?
例如,为了简化,让我们假设我的代码如下:
var d = [ { label: "Fake!", data: [ [1290802154, 0.3], [1292502155, 0.1] ] } ];
var options = {
xaxis: { mode: "time" },
series: {
lines: { show: true },
points: { show: true }
},
grid: { hoverable: true, clickable: true }
};
$.plot($("#placeholder"), d, options);
Run Code Online (Sandbox Code Playgroud)
现在,当点击第一个数据点时,我希望工具提示显示"Hello",当点击第二个数据点时,我想显示"Bye".我该怎么做呢?绑定plothover事件时
$(".placeholder").bind("plothover", function (event, pos, item) { /* etc. */ };
Run Code Online (Sandbox Code Playgroud)
我不确定"item"是指什么,以及如何将数据附加到它.