HighCharts是否可以通过日期时间动态地将plotLines添加到xAxis?

时间:2016-06-10 15:52:33

标签: javascript jquery datetime highcharts

嗨我知道我可以通过在xAxis上定义日期时间来添加情节线,如此

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

我希望动态地将曲线添加到每个日期时间,因为新数据是从我正在使用的数据库中添加到系列中的。

http://jsfiddle.net/5ecgkcmf/

我想在小提琴中实现最新动态但不动手动添加所有值以考虑过去和未来的数据

highcharts是否具有检测此功能的功能,还是我必须编写某种复杂的循环并将plotLines推入?

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

1 个答案:

答案 0 :(得分:4)

如果您将xAxis的时间间隔设置为一天,则可以使xAxis。gridlines可见(默认情况下它们设置为gridLineWidth: 0: $(function(){

$('#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
    }]
});

});