2015-02-10 162 views
1

我最近改用了Highcharts,以便與IE8兼容,並且由於簡單性而更新過去的項目,但是我遇到了一個小小的障礙。Highcharts折線圖只有x軸

在一個項目中,剩下的最後一個SVG元素是沒有任何伴隨圖表的單個x軸(見​​下文)。是否可以在沒有任何伴隨系列或y軸的情況下僅顯示Highcharts中的x軸?或者,如果沒有,是否有辦法將這種類型的設計創建爲DIV?

SVG x-axis

回答

2

是的,你可以只顯示x軸。請勿添加任何系列,但請設置xAxis.minxAxis.max。演示:http://jsfiddle.net/m4r1qttL/6/

現在只需禁用冠軍,傳奇等

+0

這工作得很好 - https://jsfiddle.net/m4r1qttL/6/。但我似乎無法隱藏圖表中央的「無數據顯示」文本,有沒有隱藏該選項的選項?我將它包含在我的自定義構建中,因爲我需要將其用於其他圖表。 – hotshotiguana 2015-02-11 20:49:16

+0

想象出來 - noData:{ style:{display:'none'} } – hotshotiguana 2015-02-11 21:07:37

0

只需添加

yAxis: { 
    ... 
    lineWidth: 0, 
    minorGridLineWidth: 0, 
    lineColor: 'transparent', 
    ...   
    labels: { 
     enabled: false 
    }, 
    minorTickLength: 0, 
    tickLength: 0 
} 

到軸定義