javascript - Highcharts 在 x 和 y 轴上具有相同的刻度步长(相等的刻度间隔)

标签 javascript highcharts

我正在尝试为刻度设置固定宽度和高度,但让图表可调整大小。

我尝试过属性:

tickInterval
tickPixelInterval

但是这些属性不能一起工作。有没有办法在不进行计算和设置最小值/最大值的情况下使“单元格”变成正方形?

图表上的数据是动态加载的。

Chart

最佳答案

很自然,刻度之间的间距会随着图表大小的调整而变化,但如果您想在它们之间保留相同的像素值,则需要计算要显示的刻度数,因此 tickPixelInterval 是一样的。您还可以添加滚动条,以访问隐藏范围,但您需要 Highstock。请查看下面发布的示例,如有任何问题,请随时提问。

API引用:
http://api.highcharts.com/highcharts/xAxis.tickPixelInterval
http://api.highcharts.com/highcharts/Axis.setExtremes
http://api.highcharts.com/highcharts/chart.events.redraw
http://api.highcharts.com/highstock/scrollbar

示例:
http://jsfiddle.net/rq4fxt6j/

关于javascript - Highcharts 在 x 和 y 轴上具有相同的刻度步长(相等的刻度间隔),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46034601/

相关文章:

javascript - 在 react.js 中单击按钮时添加类

javascript - 为什么循环的最后一步没有显示输出?

javascript - highcharts IE8重绘图表问题

javascript - 具有正常堆叠的 Highcharts 'area' 类型看起来很奇怪

javascript - 如何在Javascript中正确调用匿名函数的函数?

javascript - 具有多种条件的 Mongoose 中的 $gte 和 $lte

javascript - 使用克隆复制表行

javascript - 如何禁用或删除默认的 HighChart 加载消息?

javascript - Highcharts 在导出时添加图像

django - 在 Django 中将数据从数据库传递到 highcharts