Javascript 如何使用highcharts.js减少yaxis点之间的间距?
我有一个页面,我可以在其中输入两个时间间隔,在发布这两个时间间隔后,我可以得到这两个日期之间售出的门票数量 根据返回的距离,我会返回多个数据 我的问题: 如果我回到数据库的第一次插入。 我将获得一个较高的值,例如200张票,然后我计算数据库中每行之间的差异,这会给出如下图表: 正如您在图像中看到的,我希望缩小y轴点之间的空间,以便更好地看到较小的值 在上面的例子中,我有一个160的条形图,其他的条形图是1或2,我在图表上几乎看不到它们 代码: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
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轴类型作为一种使小值易于查看的方式没有意义。它这样做的代价是混淆数据点之间的实际关系,并且往往会导致对数据的误解。本文是关于该主题的一篇不错的阅读: