在x轴和y轴上{J'相同的刻度步长(相等的刻度间隔)

时间:2017-09-04 09:58:01

标签: javascript highcharts

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

我尝试了属性:

tickInterval
tickPixelInterval

但是这些属性不能一起使用。有没有办法让“单元格”正方形而不进行计算并设置min / max?

图表上的数据是非常负载的。

Chart

1 个答案:

答案 0 :(得分:0)

刻度线之间的空间随着调整图表的大小而变化是很自然的,但是如果你想在它们之间保留相同的像素值,你需要计算要显示的刻度数,所以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/