Highcharts轴折断不塌陷部分

时间:2019-06-14 19:08:41

标签: highcharts

在高图的x轴上添加一个折线仍然会导致显示完整的间隙,而不是折叠该部分以将各点更靠近地移动,如API和此处的示例所示。在下面的示例中,删除中断后,间隙实际上较小,但在我的实际用例中没有。

示例:https://jsfiddle.net/25pf0nve/1/

Highcharts.stockChart('container', {

         xAxis: {
           breaks: [{
             from: '20170131',
             to: '20180101',
             breakSize: 0
           }]
        }, 

        series: [{
           color: 'red',
           name: '01',
           // data from 20170101 to 20170131
           data: [[1483228800000, 75.78125], [1484524800000, 50.120483], [1485820800000, 20.049505]],
           id: 0
        }, {
            color: 'red',
           name: '01',
           // data from 20180101 to 20180131
           data: [[1514764800000, 94.73684], [1516060800000, 95.89977], [1517356800000, 37.5]],
           linkedTo: 0
        }]
    });

不存在预期的差距,因此20170131数据点将与20180101数据点相邻。相反,差距很大。

1 个答案:

答案 0 :(得分:1)

必须根据xAxis类型指定break.frombreak.to。这里的xAxis具有type: datetime,因此中断应如下所示:

xAxis: {
  breaks: [{
    from: 1485820800000, // 20170131
    to: 1514764800000, // 20180101
    breakSize: 0
  }]
},

{{3}}