在时间轴上使用浮点中的标记

Question

我有一个图表来监视访问网站的人的流量，它目前显示所有数据都没有问题：

我每个月左右都会更新并向订阅我的人发送时事通讯，我想知道是否有一种方法可以在该图上显示这些时事通讯的发布时间。

因此，如果我在图表中查看过去一周的网站流量，而我的时事通讯是在星期一发送的，则该天会在图表上显示一行：

我知道我可以用标记来做到这一点，这是一种在已经存在的flot中向图添加线的方法

{ xaxis: { from: 1, to: 2 }, color: "#000000" } //Creates a vertical line from 1 to 2

但是，启用时间模式后，似乎无法正常工作。 例如，当时间模式开启时，我为标记提供的参数不会显示

所以我的问题是：如何在特定日期显示带有浮点的图形标记？

编辑

$.plot("#chart_filled_blue", data1, $.extend(true, {}, Plugins.getFlotDefaults(), {
    xaxis: {
        min: start,
        max: end,
        mode: "time",
        tickSize: [1, type],
        tickLength: 0
    },
    series: {
        lines: {
            fill: true,
            lineWidth: 1.5
        },
        points: {
            show: true,
            radius:4,
            lineWidth: 1.1
        },
        grow: { active: true, growings:[ { stepMode: "maximum" } ] }
    },
    grid: {
        hoverable: true,
        clickable: true,
            markings: [{
                xaxis: {
                    from: 1530421200,
                    to: 1530507600
                },
                color: "#000000"
            }]
    },
    tooltip: true,
    tooltipOpts: {
        content: '%s: %y'
    }
    }));

Answer 1

标记在带有时间轴的浮动中效果很好。 您可以发布一些代码来帮助更好地理解该问题吗？

你必须设置标记from和to你想要的时间戳标记出现：

grid: {
  markings: [{
    xaxis: {
      from: 1336201200000,
      to: 1336201200000
    },
    color: "#ff0000"
  }]
}

这个JSFiddle有一个时间轴和标记的工作示例。