?
Highcharts所有的圖表除了餅圖都有X軸和Y軸，默認情況下，x軸顯示在圖表的底部，y軸顯示在左側(cè)（多個y軸時可以是顯示在左右兩側(cè)），通過chart.inverted = true 可以讓x，y軸顯示位置對調(diào)。

一、坐標軸組成部分
軸標題-Axis Title
坐標軸標題。默認情況下，x軸為null（也就是沒有title），y軸為'Value'，設(shè)置坐標軸標題的代碼如下：

xAxis:{
title:{
text:'x軸標題'
}
}
yAxis:{
title:{
text:'y軸標題'
}
}

更多關(guān)于Axis Title屬性請查看API文檔相關(guān)內(nèi)容 xAxis.title、yAxis.title。
軸標簽-Axis Labels
坐標軸標簽（分類）。Labels常用屬性有enabled、formatter、setp、staggerLines。
1、開啟
是否啟用Labels。x，y軸默認值都是true，如果想禁用（或不顯示）Labels，設(shè)置該屬性為false即可。
2、格式化程序
標簽格式化函數(shù)。默認實現(xiàn)是：
formatter:function(){ returnthis.value; }

this.value代碼坐標軸上當(dāng)前點的值（也就是x軸當(dāng)前點的x值，y軸上當(dāng)前點的y值），除了value變量外，還有axis、chart、isFirst、isLast可用。

自定義標簽格式1
另外一個例子，實現(xiàn)更高級的自定義格式化函數(shù)

自定義標簽格式2
實現(xiàn)代碼如下：
yAxis: {
labels: {
formatter:function(){
if(this.value <=100) {
return"第一等級("+this.value+")";
}elseif(this.value >100 && this.value <=200) {
return"第二等級("+this.value+")";
}else{
return"第三等級("+this.value+")";
}
}
}

Labels顯示間隔，數(shù)據(jù)類型為number（或int）。

總結(jié)

以上是生活随笔為你收集整理的Highcharts X轴名称太长，如何设置下面这种样式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。