日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Highcharts X轴名称太长,如何设置下面这种样式

發布時間:2025/3/20 编程问答 22 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Highcharts X轴名称太长,如何设置下面这种样式 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

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

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

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

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

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

自定義標簽格式1
另外一個例子,實現更高級的自定義格式化函數

自定義標簽格式2
實現代碼如下:
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顯示間隔,數據類型為number(或int)。

總結

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

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。