2017-09-04 94 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

謝謝!我發現了關於如何製作它的好主意。今天晚上我會實現這些想法,並報告我是否可以調整圖表的大小並且不可滾動。 –