是否可以用flot突出显示折线图?我仅看到数据点的突出显示,而没有看到这些点之间的线。

我使用以下example中的代码。

$("#placeholder").bind("plothover", function (event, pos, item) {
    $("#x").text(pos.x.toFixed(2));
    $("#y").text(pos.y.toFixed(2));

    if ($("#enableTooltip:checked").length > 0) {
        if (item) {
            if (previousPoint != item.dataIndex) {
                previousPoint = item.dataIndex;

                $("#tooltip").remove();
                var x = item.datapoint[0].toFixed(2),
                    y = item.datapoint[1].toFixed(2);

                showTooltip(item.pageX, item.pageY,
                            item.series.label + " of " + x + " = " + y);
            }
        }
        else {
            $("#tooltip").remove();
            previousPoint = null;
        }
    }
});

最佳答案

在flot 0.7的来源中,没有包含突出显示行的功能。

但是,如果您想扩展flot来做您想做的事情...

Flot有一个“覆盖” Canvas ,可用于执行诸如突出显示的效果。这在源中具有关联的上下文octx。如果查看drawPointHighlight(series, point)方法,则可以看到如何对数据点进行突出显示。您可以为行编写类似的方法。
drawOverlay()函数在一系列突出显示的对象上进行迭代-您可能希望对其进行扩展以处理“线”对象。

最后,您将需要编写一种方法来从可突出显示的对象数组中添加/删除行,类似于现有的highlight()unhighlight()方法。
请注意,这些方法使用以下行公开:

plot.highlight = highlight;
plot.unhighlight = unhighlight;

关于javascript - 浮点图中的高亮线,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8085770/

10-11 12:42