在echarts中圖例legend和坐標系grid實現(xiàn)左右布局實例
更新時間：2020年05月16日 15:07:15 作者：木雷雙雄7
這篇文章主要介紹了在echarts中圖例legend和坐標系grid實現(xiàn)左右布局實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
1、效果圖
2、實現(xiàn)方法
將圖例legend縱向排列（orient: 'vertical'），寬度給150（width: 150），坐標系grid左側距離200（left: 200），中間有50的邊距
3、代碼展示
grid: {
left: 200
},
legend: {
x: 'left',
data: ['送風溫度', '混風溫度', '冷凍水送水溫度', '冷凍水回水溫度', '熱水送水溫度', '熱水回水溫度', '送風溫度設定點', '風機速度','風機速度反饋','風閥開度'],
inactiveColor: '#999',
selectedMode: 'single',
orient: 'vertical',
width: 150,
top: 50,
borderWidth: 2,
borderColor: 'blue',
textStyle: {
color: '#000'
}
}
補充知識：Echarts中l(wèi)egend圖例太多與title重疊問題
問題：由于legend圖例太多導致與title的文字重疊
方法：像legend.data[i]中添加特殊字符串''，實現(xiàn)圖里的換行
代碼：加粗加下劃線部分
legend: {
x: 'left',
data: ['送風溫度', '回風溫度', '室外溫度', '室外濕度', '', '室內1溫度', '室內1濕度', '室內2溫度', '室內2濕度'],
inactiveColor: '#999',
selectedMode: 'single'
}
以上這篇在echarts中圖例legend和坐標系grid實現(xiàn)左右布局實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
api接口在我們開發(fā)中的重要性相信大家都這篇文章主要給大家介紹了關于利用python寫api接口實戰(zhàn)的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-05-05
這篇文章主要介紹了Python實現(xiàn)的徑向基（RBF）神經網絡,結合完整實例形式分析了Python徑向基（RBF）神經網絡定義與實現(xiàn)技巧,需要的朋友可以參考下2018-02-02
這篇文章主要為大家詳細介紹了python利用tkinter實現(xiàn)屏保，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
pandas DataFrame 交集并集補集的實現(xiàn)
這篇文章主要介紹了pandas DataFrame 交集并集補集的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-06-06
Selenium 是一個用于 Web 應用自動化測試的強大工具,可以用來模擬用戶操作瀏覽器,從而測試 Web 應用的功能,它支持多種瀏覽器和編程語言,包括 Python,下面我們將介紹如何使用 Selenium 進行 Web 自動化測試,需要的朋友可以參考下2024-08-08
Python基于codecs模塊實現(xiàn)文件讀寫案例解析
這篇文章主要介紹了Python基于codecs實現(xiàn)文件讀寫案例解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-05-05
本文主要介紹了如何使用OpenCV和EAST文本檢測器檢測圖像中的文本，以便大家可以在自己的應用程序中應用文本檢測。感興趣的同學可以關注一下2021-11-11
淺談python圖片處理Image和skimage的區(qū)別
這篇文章主要介紹了淺談python圖片處理Image和skimage的區(qū)別，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-08-08
這篇文章主要介紹了Python中使用Chaco繪圖庫,Chaco是一個2D的繪圖庫,如果你安裝了Python(x,y)的話,可以在pythonxy的安裝目錄下的找到Chaco的demo程序,Chaco提供了類似Matlab和pylab的繪圖方式,我們稱之為面向腳本的繪圖方式2023-11-11
今天小編就為大家分享一篇Python:Numpy 求平均向量的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-06-06