echarts 文字大小調整

一:

nameTextStyle 座標軸名稱的文字樣式。

axisLabel 座標軸刻度標籤的相關設置。

 二:

1.圖中‘1’的文字大小調整在‘legend’對象下的‘textStyle’屬性裏

2.圖中‘2’的文字大小調整在‘tooltip’對象下的‘textStyle’屬性裏

3.圖中‘3’的文字大小調整在‘series’對象下的‘label’屬性裏

標題字體大小修改:

在option中的title下添加textStyle對象,在樣式中寫入 fontSize即可,

x:'left', //靠左顯示 ,如果你想居中顯示,把left改成center即可

 

座標字體大小修改 :

在option中找到xAxis和yAxis對象,在對象中分別添加axisLabel對象,並在對象中添加textStyle對象,在樣式中寫入 fontSize即可

標籤字體大小修改 :

修改series中的label字體大小,在label添加normal對象,接着在添加textStyle對象,在樣式中寫入 fontSize即可。

圖例字體大小修改:

在option中找到legend對象,在對象中添加textStyle對象,在樣式中寫入 fontSize即可。orient: 'vertical',調整圖例爲垂直樣式,通過top、left、right、bottom等屬性控制圖例位置即可。

餅狀圖數據標籤字體大小修改:

在option中的series中,數據一般存放在data中,一般以鍵值對的形式展示, 如{value:535, name: 'LH-B3-1F'},現在我們要修改的是數據中顯示的name,在itemStyle新增normal對象,在label中添加textStyle對象,在樣式中寫入 fontSize即可

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章