Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/387.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用highcharts.js减少yaxis点之间的间距?_Javascript_Jquery_Highcharts_Asp.net Mvc 5 - Fatal编程技术网

Javascript 如何使用highcharts.js减少yaxis点之间的间距?

Javascript 如何使用highcharts.js减少yaxis点之间的间距?,javascript,jquery,highcharts,asp.net-mvc-5,Javascript,Jquery,Highcharts,Asp.net Mvc 5,我有一个页面,我可以在其中输入两个时间间隔,在发布这两个时间间隔后,我可以得到这两个日期之间售出的门票数量 根据返回的距离,我会返回多个数据 我的问题: 如果我回到数据库的第一次插入。 我将获得一个较高的值,例如200张票,然后我计算数据库中每行之间的差异,这会给出如下图表: 正如您在图像中看到的,我希望缩小y轴点之间的空间,以便更好地看到较小的值 在上面的例子中,我有一个160的条形图,其他的条形图是1或2,我在图表上几乎看不到它们 代码: buildCharts: function (ta

我有一个页面,我可以在其中输入两个时间间隔,在发布这两个时间间隔后,我可以得到这两个日期之间售出的门票数量

根据返回的距离,我会返回多个数据

我的问题:

如果我回到数据库的第一次插入。 我将获得一个较高的值,例如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轴点之间的空间

使用“tickInterval”属性是最简单的方法(请参阅)


如果您希望根据您正在查看的票证总数设置此值(假设您可以从问题中选择要开始的时间点),则可以根据序列数据的长度设置该时间间隔(例如,如果数据超过100项,则将tickInterval设置为4;否则,将tickInterval设置为2或1)。通过创建图表的选项,然后在获取数据后,但在绘制/重画图表之前更改选项中的值来完成此操作。

对数轴是否适用于您?我看不到其他方法。请检查是否可以进行演示?示例:类似于您的用例。在Highcharts中,您可以使用logarthimc类型的axis or设置中断。对于记录,logarthimc轴类型作为一种使小值易于查看的方式没有意义。它这样做的代价是混淆数据点之间的实际关系,并且往往会导致对数据的误解。本文是关于该主题的一篇不错的阅读: