javascript - HighCharts 是否可以选择通过日期时间将 plotLines 动态添加到 xAxis？

Question

您好，我知道我可以像这样通过在 xAxis 上定义日期时间来添加情节线

xAxis: {
          plotLines: [{
          color: '#dadada',
          width: 1,
          value: Date.UTC(2016, 2, 28)
          }]

当新数据从我正在使用的系列数据库中添加时，我想为每个日期时间动态添加一条情节线。

http://jsfiddle.net/5ecgkcmf/

我想在不手动添加所有值来解释过去和 future 数据的情况下动态实现 fiddle 中的内容

highcharts 是否具有检测此功能的功能，或者我是否必须编写某种复杂的循环并将 plotLines 插入？

感谢任何指导和解决方案。

Answer 1

如果您将 xAxis 刻度间隔设置为一天，您只需制作 xAxis. gridlines可见(它们默认设置为 gridLineWidth: 0:$(函数(){

$('#container').highcharts({
    xAxis: {
        gridLineWidth: 2,
        tickInterval: 24 * 3600 * 1000,
        // one day
        type: 'datetime'
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4],
        pointStart: Date.UTC(2010, 0, 1),
        pointInterval: 24 * 3600 * 1000
    }]
});

});