如何用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

使用＆＃34; tickInterval＆＃34;属性是最简单的方法（参见http://api.highcharts.com/highcharts#xAxis.tickInterval）。

如果你想根据你正在查看的门票总数来设置（根据你的问题假设你可以选择你想要开始的时间点），你可以做的是设置基于tickInterval的关于系列数据的长度（例如，如果数据超过100个项目，则设置tickInterval为4;否则，设置tickInterval为2或1）。通过创建图表选项，然后在获取数据之后但在绘制/重绘图表之前更改选项中的值来执行此操作。