1
http://jsfiddle.net/7rLnwdxu/1/如何讓極座標圖中的標籤不會自動分割?
這裏是代碼。
我想讓所有的標籤都像Word1_Word2一樣(保持一行)。即使它們之間有(空格)或
-
。
可能嗎?
謝謝!
http://jsfiddle.net/7rLnwdxu/1/如何讓極座標圖中的標籤不會自動分割?
這裏是代碼。
我想讓所有的標籤都像Word1_Word2一樣(保持一行)。即使它們之間有(空格)或
-
。
可能嗎?
謝謝!
您可以使用標籤的樣式對象通過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;
}
更新撥弄:
http://jsfiddle.net/7rLnwdxu/3/這種情況呢? –
只需將所有相關樣式添加到標籤樣式對象:http://jsfiddle.net/jlbriggs/7rLnwdxu/4/,**或**,在標籤上設置* useHTML * true,如果您無法容納所有你需要的方式:http://jsfiddle.net/jlbriggs/7rLnwdxu/5/ – jlbriggs
更詳細的答案 – jlbriggs