相关疑难解决方法(0)

将鼠标悬停在flot中的某个点上时显示自定义工具提示

这里的例子中,我知道如何创建一个显示悬停时工具提示的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"是指什么,以及如何将数据附加到它.

javascript flot

12
推荐指数
2
解决办法
3万
查看次数

标签 统计

flot ×1

javascript ×1