是否可以用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/