2016-08-15 17 views

回答

2

您可以使用標籤的樣式對象通過css來控制這個

labels: { 
    style: { 
    whiteSpace: 'nowrap' 
    } 
} 

更新小提琴:

編輯

爲了到1)容納可能出現的標籤的更復雜的要求,以及2)與即將推出的Highcharts 5版本更緊密地聯繫在一起,這將分離樣式和內容,您可以通過以下方式做到這一點:

1)在軸標籤中設置useHTML:true分配公共標籤類的HTML元素將包含標籤和

3)性能

2)使用外部CSS指定所有必需的造型。

實施例,圖表代碼:

labels: { 
    useHTML: true, 
    formatter: function() { 
    return '<div class="category-label">'+this.value+'</div>' 
    } 
} 

CSS:

.category-label { 
    white-space: nowrap; 
    cursor: pointer; 
    font-weight: bold; 
} 

更新撥弄:

+0

http://jsfiddle.net/7rLnwdxu/3/這種情況呢? –

+0

只需將所有相關樣式添加到標籤樣式對象:http://jsfiddle.net/jlbriggs/7rLnwdxu/4/,**或**,在標籤上設置* useHTML * true,如果您無法容納所有你需要的方式:http://jsfiddle.net/jlbriggs/7rLnwdxu/5/ – jlbriggs

+0

更詳細的答案 – jlbriggs