Flot：抓住最接近十字准线的点

Question

我一直在定制我的图片，而且我一直试图获得最接近十字准线的点。我得到的最接近的是添加mouseActiveRadius选项，但是这不适用于我想要的效果。 这就是：

可以看出，正在强调错误的观点。

我的情节代码：

    $.plot("#players_chart",
        [{
            label: "Total number of players",
            data: data.data_labels
        }],
        {
            series: {
                lines: {
                    show: true
                }
            },
            xaxis: {
                mode: "time",
                minTickSize: [1, "day"],
                timeformat: "%a"
            },
            yaxis: {
                tickDecimals: 0
            },
            crosshair: {
                mode: "x"
            },
            grid: {
                hoverable: true,
                autoHighlight: true,
                mouseActiveRadius : 1000
            }
        }
    );

有没有办法在十字准线而不是网格上添加某种水平半径？

提前谢谢。

Answer 1

默认点突出显示与十字准线插件分开，仅适用于距光标的距离。如果您只想使用水平距离，可以手动进行高亮显示。

设置autoHighlight: false并绑定plothover事件，搜索x轴上最近的点，然后突出显示该点。

类似的代码位于example for the crosshair plugin。