Flot在图表上添加标记到线

Question

我试图绘制一个图表，表示人体重量（y轴）随时间的变化（x轴）。我还需要显示事件的标记，例如特定日期的药物变化。是否可以向数据集添加一个点，其中只有一个时间值包含在线图中但不会更改该线的图形？

Answer 1

您可以使用标记在图表中显示行或间隔

这是一个例子： http://people.iola.dk/olau/flot/examples/annotating.html

基本上你只需添加它来添加一条垂直线：

var myPlot = $.plot(element, data, {
  grid: {
    markings: [
      { color: '#000', lineWidth: 1, xaxis: { from: 2, to: 2 } },
    ]
  }
});

这将绘制一条黑色垂直线，宽度为1px，x = 2

Answer 2

有一个Flot Symbols插件，允许您通过回调自定义点的形状。然后，您可以在同一轴上的第二个系列中绘制它，并设置show lines = false。

符号插件：http://code.google.com/p/flot/source/browse/trunk/jquery.flot.symbol.js?r=263 请注意这个链接提供了flot符号插件的源代码。所以请在源链接下搜索，直到找到jquery.flot.symbol.js文件。

以下是当前Flot网站的示例：  Using other symbols than circles for points (with symbol plugin)。调查它的源代码可能是正确方向的起点。

Answer 3

为什么不为标记添加另一个系列并将点设置为x =标记日期，y = 0？

Answer 4

我需要y值在不在图表底部的行上。我最终获得了标记之前和之后的两个最接近的日期并计算了y截距，然后将其作为y值添加，并且它显示了它应该在哪里