高库存:具有数值的X轴间距不被尊重

问题描述

由于某些原因,我需要使用Highstock(导航器,十字线,注释...)。 我需要显示带有X轴数值的图形。 在这个简单的示例中,X轴看起来很混乱,并且数值没有按预期放置/分隔。

    Highcharts.stockChart('container',{
    rangeSelector: {
       enabled: false
    },navigator:{
       enabled: true
    },xAxis: {
       labels: {   formatter: function () {return this.value;}},crosshair: {
          width: 1,color: 'black'
       }
    },series: [{
        type: 'areaspline',data: [
            [10,30],[20,25],[25,22.5],[30,20],[40,15]
        ]
    }]
});

JSfiddle示例: Here

1 /我应该怎么做才能得到这样的图形? Normal X axis with numerics

2 /我可以看到线已平滑。如何禁用此平滑处理?

解决方法

禁用ordinal选项:

    xAxis: {
        ordinal: false,...
    }

实时演示: https://jsfiddle.net/BlackLabel/q6xv7koh/

API参考: https://api.highcharts.com/highstock/xAxis.ordinal