javascript - 确定浮点图

Question

我有一个流程图，其中有一些不同的图。当将鼠标悬停在某个点上时，会触发事件的交互性，例如 http://www.flotcharts.org/flot/examples/interacting/ 。是否有任何现有方法可以确定事件点来自哪一个图，而不需要对所有图进行唯一的着色并获取该点的颜色？

Answer 1

如果您查看该页面上的脚本，您就会发现 plothover 事件的绑定(bind):

$("#placeholder").bind("plothover", function (event, pos, item) 

item 是您悬停在其上的实际点(如果您不在某个点上，则为 null)。该对象包含您需要的所有数据，包括 series ，它为您提供它所属的系列(我认为这就是您所说的 plot 的意思)和 seriesIndex.

item 对象的实际描述有点隐藏在 documentation 中。 :

item: {
    datapoint: the point, e.g. [0, 2]
    dataIndex: the index of the point in the data array
    series: the series object
    seriesIndex: the index of the series
    pageX, pageY: the global screen coordinates of the point
}

另请注意:“此示例中的项目对象要么为 null，要么为表单上的附近对象”

“附近”有多近取决于mouseActiveRadius