1

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

4

4 回答 4

9

您可以使用标记在图表中显示一条线或一个区间

这是一个例子： 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 } },
    ]
  }
});

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

于 2012-10-05T10:27:09.537 回答
1

有一个 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 网站的示例： 使用除圆圈以外的其他符号作为点（使用符号插件）。调查它的源代码可能是正确方向的起点。

于 2010-12-09T20:08:50.950 回答
0

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

于 2010-10-22T14:43:48.377 回答
0

我需要将 y 值放在直线上，而不是在图表的底部。我最终得到了标记前后两个最接近的日期并计算出 y 截距，然后将其添加为 y 值，它准确地显示在它应该出现的位置

于 2013-01-10T00:37:29.620 回答