如何使用 highcharts.js 減少 yaxis 點之間的空間？

Question

我有一個頁面，我可以在其中輸入兩個時間間隔，在發布這兩個時間間隔后，我會得到這兩個日期之間售出的門票數量。

我取回多個數據取決於我走了多遠。

我的問題：

如果我回到數據庫的第一次插入。 我會得到一個很高的價值，例如 200 張票，然后我計算數據庫中每一行之間的差異，這給了我一個這樣的圖表：

正如您在圖像中看到的，我想減少 y 軸點之間的空間，以便更好地看到較小的值。

在上面的例子中，我有一個 160 的柱線和其他的柱線，例如 1 或 2，我在圖表上幾乎看不到它們

代碼：

buildCharts: function (target, chartData, chartEnum) {

    $(target).highcharts({
        chart: {
            type: 'column',
            height: 300,
        },
        title: {
            text: chartEnum.name
        },
        xAxis: {
            type: 'category'
        },
        yAxis: {
            title: {
                text: chartEnum.text
            }
        },
        series: [{
            name: 'SystemInfo',
            showInLegend: false,
            colorByPoint: false,
            data: chartData,
            turboThreshold: chartData.length + 500

        }],
    });
}

如何減少 y 軸點之間的空間？

Answer 1

使用“tickInterval”屬性是最簡單的方法（參見http://api.highcharts.com/highcharts#xAxis.tickInterval ）。

如果您想根據您正在查看的門票總數進行設置（假設您可以從您的問題中選擇要開始的時間點），您可以做的是根據您的時間長度設置該 tickInterval系列數據（例如，如果數據超過100項，則將tickInterval設置為4；否則，將tickInterval設置為2或1）。 通過創建圖表的選項，然后在獲取數據之后但在繪制/重繪圖表之前更改選項中的值來實現此目的。