2017-09-04 97 views
0

我正在尝试使刻度的固定宽度和高度保持不变,但保留可调整大小的图表。Highcharts在x和y轴上的相同刻度步骤(相等的刻度间隔)

我试过性质:

tickInterval 
tickPixelInterval 

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

图表上的数据是dinamically负载。

Chart

+0

您可以使用这里提供的答案:https://stackoverflow.com/questions/33956950 /通过@GrzegorzBlachliński如何设置绘图区域宽度和高度 - 高度图,以更改'plotAreaWidth ''和'plotAreaHeight'。例如:http://jsfiddle.net/izothep/eph5secj/2/。 –

+0

@d_paul,谢谢你的建议。然而,我不需要绘图区域是方形的,我实际上需要以像素和值为单位的相同的刻度大小,并且因为它设置最小/最大值的方式看起来要简单得多。 –

回答

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/

+0

谢谢!我发现了关于如何制作它的好主意。今天晚上我会实现这些想法,并报告我是否可以调整图表的大小并且不可滚动。 –