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