echarts圖例之間的間距怎么設(shè)置？1. 打開ecarts官方實例頁面并單擊第一個折線圖。2. 進入頁面后，可以看到數(shù)據(jù)較少，所以橫坐標文本全部顯示。3. 修改左邊的選項內(nèi)容，在xaxis的數(shù)據(jù)數(shù)組

echarts圖例之間的間距怎么設(shè)置？

1. 打開ecarts官方實例頁面并單擊第一個折線圖。

2. 進入頁面后，可以看到數(shù)據(jù)較少，所以橫坐標文本全部顯示。

3. 修改左邊的選項內(nèi)容，在xaxis的數(shù)據(jù)數(shù)組中再添加兩行，然后依次添加相應(yīng)數(shù)量的值。

4. 運行之后，您可以看到x橫坐標已根據(jù)圖形的大小自動按間隔顯示文本。如果沒有特殊要求，可以滿足內(nèi)容少時顯示所有橫坐標文本，內(nèi)容多時自動間隔顯示文本的要求。

5. 在選項{間隔：0}此語句的意義是設(shè)置橫坐標以不帶間隔地顯示所有文本。

6. 再次運行時，可以看到橫坐標中的所有內(nèi)容都顯示出來，但由于空間不足，內(nèi)容都擠在一起。

7. 將間隔值更改為5，axislabel:{間隔：5}，再次運行，可以看到x橫坐標的內(nèi)容已經(jīng)按照要求的間隔顯示出來。

echarts怎么通過改變legend改變xAxis的顯示？

可以對其進行修改，并且可以使用自定義圖像修改默認圖例形狀代碼，如下所示：{方向：“水平”、//“垂直”X:“右”、//“中心”“左”“{數(shù)字}、y:“頂部”、//“中心”“底部”{數(shù)字}、背景色：“EEE”、邊框色：“RGBA（178、34、34、，0.8）”，borderwidth:4，padding:10，//[5，10，15，20]itemgap:20，TextStyle:{color:“red”}，selected:{“deposition”：false}，data:[{Name:“evaluation”，Icon:”圖片：//../asset/ico/favicon.png，TextStyle:{fontwweight:“bold”，color:“green”}，“deposition”，“maximum temperature”，“最低溫度”]}主要看數(shù)據(jù)屬性