如何使用 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）。

如果您想根据您正在查看的票证总数进行设置（假设您可以选择要开始的时间点），您可以根据系列数据的长度（例如，如果数据超过 100 项，则将 tickInterval 设置为 4；否则，将 tickInterval 设置为 2 或 1）。为此，请创建图表的选项，然后在获取数据后但在绘制/重绘图表之前更改选项中的值。