javascript - 如何使flot库悬停圆圈效果在单击绘图时保持不变?

标签 javascript jquery html hover flot

到目前为止,我有一个图表,我想计算其平均斜率。我想通过让用户选择一条线上的左点和右点来做到这一点。我知道如何记录一个人单击的位置,但我也想在他们单击的位置显示相同的圆形悬停效果,直到他们再次单击它以将其关闭。是否有一种特殊的 flot 方法可以让我做到这一点,或者我是否必须操作 flot 文档(如果需要,我将如何去做)?

最佳答案

您需要通过设置 clickable 选项使图表可点击(我猜您已经有了):

grid: {
    clickable: true
}

然后将事件处理程序绑定(bind)到单击数据点时调用 highlight 方法的 plotclick 事件:

$("#placeholder").bind("plotclick", function (event, pos, item) {
    if (item) {
        plot.highlight(item.series, item.datapoint);
    }
});

(摘自 example page 的片段)

关于javascript - 如何使flot库悬停圆圈效果在单击绘图时保持不变?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24319590/

相关文章:

jquery - 想要在单击删除 anchor 标记时删除相应行

asp.net - 设置输入类型 = "File"HTML5 父目录

javascript - Node.js应用程序中的reduce函数省略json json数据并且太麻烦

javascript - 在概念上是否可以创建一个 javascript 书签来复制和粘贴 html 表单条目?

javascript - 如何确保文本在表单提交之前处理 onchange

Javascript 隐藏 div 并显示另一个带有简单倒计时的 div

javascript - 单击空白处时调用 jquery 函数

javascript - 如何在一页上有两个 svg 时钟?

JavaScript 事件和 html

javascript - 访问嵌入式 JSON 的深层对象成员