2017-05-01 89 views
0

我有兩個x軸的Highcharts瀑布圖:Highcharts使用自定義多個軸標籤

xAxis: [{ 
    useHTML: true, 
    categories: ['ONE', 'TWO', 'THREE', 'FOUR'] 
    }, 
    { 
    tickWidth: 0, 
    categories: [0, 10, 12, 1], 
    labels: { 
     style: { 
     fontSize: '12px', 
     fontFamily: 'Helvetica Neue,Helvetica,Arial,sans-serif', 
     fontWeight: 'bold' 
    }, 
    formatter: function(){ 
     return '$ ' + Highcharts.numberFormat(this.value,1) 
    } 
    } 
}], 

例如:https://jsfiddle.net/er1187/8gwzcbsk/4/

我還試圖在每個條的頂部添加自定義標籤(紅標籤):https://jsfiddle.net/er1187/pqfa0Lpm/

我很努力地在一個圖表上顯示所有三(3),當我添加自定義標籤第二軸消失。有三種方法嗎?

提前致謝!

+1

簡短的回答是,你的第二個X軸消失,因爲你與你的數據替換其標籤的版本xAxis。 – wergeld

+0

以及所有三個軸的簡單演示:https://jsfiddle.net/8gwzcbsk/5/ –

回答

0

我是能夠增加所有三個通過連接兩類:

{ 
    linkedTo: 0, 
    categories: ['ONE', 'TWO', 'THREE','FOUR'] 
}, 
{ linkedTo: 0, 
    categories: ['FIVE', 'SIX', 'SEVEN', 'EIGHT'] 
} 

見編輯的jsfiddle:http://jsfiddle.net/er1187/pqfa0Lpm/