在 jQuery 浮点图上添加或突出显示单个点？

发布于 2024-12-09 05:34:57 字数 612 浏览 1 评论 0原文

我已经使用一些数据绘制了一个流程图：

    var plot = $.plot($("#placeholder"),
    [{
        data: data,
    }], {
        series: {
            points: {
                show: true
            }
        },
        grid: {
            hoverable: true,
        }
    });

现在，当用户将鼠标悬停在页面上其他位置的项目上时，我想在图表上突出显示一个单个点。

我发现这个问题，解释了如何从头开始重新绘制该系列，但有没有办法突出显示一个点？

或者添加一个不同颜色的新点，这会产生突出显示的效果吗？

注意：当用户将鼠标悬停在页面上其他位置的相关项目上时，我将获得相关点的 x 和 y 坐标，但不会获得图表上的像素坐标。

原文

I've already drawn a flot graph using some data:

    var plot = $.plot($("#placeholder"),
    [{
        data: data,
    }], {
        series: {
            points: {
                show: true
            }
        },
        grid: {
            hoverable: true,
        }
    });

Now I'd like to highlight a single point on the graph, when a user hovers over an item elsewhere on the page.

I found this question, which explains how to totally redraw the series from scratch, but is there a way to highlight a single point?

Or add a new point in a different colour, which would have the effect of a highlight?

NB: when the user hovers over the relevant item elsewhere on the page, I will have the x and y coordinates of the related point, but not the pixel coordinates on the graph.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

何以畏孤独 2024-12-16 05:34:57

API 提供以下方法：

从plot函数返回的Plot对象有一些你可以使用的方法
可以调用：
突出显示（系列、数据点）
突出显示数据系列中的特定数据点。你可以
指定实际的对象，例如，如果您从
“plotclick”事件，或者您可以指定索引，例如
高亮(1, 3) 突出显示第二个系列中的第四点
（记住，从零开始的索引）。
取消突出显示（系列、数据点）或取消突出显示()
去掉点的高亮，参数与
突出显示。
如果您调用不带参数的取消突出显示，例如
plot.unhighlight()，删除当前所有高亮显示。