Highcharts多序列力xAxis起点

时间:2018-07-28 19:07:35

标签: javascript highcharts

我正在尝试拥有多个光学同步的图表。单个序列图没有问题。但是,如果我混合使用柱形图和面积图,它的行为就会开始变得奇怪。

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container1',
        height: 200,
    },
  xAxis: {
    startOnTick: false,
    minPadding:0,
    ordinal: false,
    crosshair: true,
    endOnTick: false,
    min:1532767826000,
    max:1532789426000,
    type: 'datetime',

  },
    series: [{
        type: 'area',
        name: 'Serie1',
        data: [ [1532767826000, 0],[1532789426000, 0] ]

    },
    {
        type: 'column',
        name: 'Serie1',
        data: [ [1532767826000, 0],[1532789426000, 0] ]

    }]
});

示例http://jsfiddle.net/fpnayfuq/49/

我无法强制面积图具有与其他单个序列图相同的x轴起点。

1 个答案:

答案 0 :(得分:0)

如果您强制所有系列都具有相同的pointPlacement,那么它应该可以工作:

plotOptions: {
  series: {
    pointPlacement: 'on'
  }
},

工作示例: http://jsfiddle.net/ewolden/fpnayfuq/58/