Highcharts堆积了日期时间栏,无法设置开始日期

时间:2018-02-10 21:28:53

标签: javascript datetime highcharts stacked

我正在尝试使用堆积条来表示长时间的上/下状态。出于某种原因,我无法让开始日期正常工作。

这就是我想要的,但开始日期不会更新过去的纪元开始。 http://jsfiddle.net/t5d72ka5/4/

Highcharts.chart('container', {
    chart: {
        type: 'bar',
        backgroundColor:'transparent',
        zoomType:'y'
    },
    title: {
        text: ''
    },
    xAxis: {
    },
    yAxis: {
        //min: 1502236800000 or min: Date.UTC(2011, 4, 31) 
        type: 'datetime',
        "tickInterval": 86400000,
        "minTickInterval": 86400000,
        dateTimeLabelFormats: {
            day: '%Y %b %e'
        },
        title: {
            enabled: false
        }
    },
    legend: {
        enabled: false
    },
    plotOptions: {
        series: {
            stacking: 'normal'
        }
    },
    series: [
    {
        name: 'down',
        data: [83621000],
        color: 'red'
    }, {
        name: 'up',
        data: [83621000],
        color: 'green'
    }, {
        name: 'down',
        data: [83621000],
        color: 'red'
    }, {
        name: 'up',
        data: [83621000],
        color: 'green'
    }]
});

我尝试在min:1502236800000或UTC中添加开始日期,并且在设置开始日期时,数据不会呈现。

还尝试了一些其他的数据值,pointStart等,但不能这样做。

1 个答案:

答案 0 :(得分:0)

我认为threshold选项是您正在寻找的选项:

  plotOptions: {
    series: {
      stacking: 'normal',
      threshold: 1502236800000
    }
  },

现场演示: http://jsfiddle.net/BlackLabel/jyjfvoac/

API参考: https://api.highcharts.com/highcharts/series.column.threshold