Highstock：带有数值的 X 轴。不遵守间距

Question

出于某些原因，我需要使用 Highstock（导航器、十字准线、注释...）。我需要显示一个带有 X 轴数值的图表。在这个简单的例子中，X 轴看起来很乱，数值也不是预期的 placed/spaced。

    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/ 我可以看到线条平滑了。如何禁用此平滑？

Answer 1

禁用 ordinal 选项：

    xAxis: {
        ordinal: false,
        ...
    }

现场演示： https://jsfiddle.net/BlackLabel/q6xv7koh/

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

Highstock：带有数值的 X 轴。不遵守间距

Highstock: X Axis with numeric values. Spacing not respected

axis

numeric

highcharts