在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左側(cè)距離200（left: 200），中間有50的邊距
3、代碼展示
grid: {
left: 200
},
legend: {
x: 'left',
data: ['送風溫度', '混風溫度', '冷凍水送水溫度', '冷凍水回水溫度', '熱水送水溫度', '熱水回水溫度', '送風溫度設(shè)定點', '風機速度','風機速度反饋','風閥開度'],
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: ['送風溫度', '回風溫度', '室外溫度', '室外濕度', '', '室內(nèi)1溫度', '室內(nèi)1濕度', '室內(nèi)2溫度', '室內(nèi)2濕度'],
inactiveColor: '#999',
selectedMode: 'single'
}
以上這篇在echarts中圖例legend和坐標系grid實現(xiàn)左右布局實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
python?matplotlib用面積填充實現(xiàn)lmplot的代碼示例
這篇文章主要介紹了python?matplotlib如何用面積填充實現(xiàn)lmplot，文章通過代碼示例介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴可以參考閱讀2023-07-07
這篇文章主要為大家介紹了PyQt5搭建的一個取色器,一共寫了兩款應(yīng)用,一款使用快捷鍵捕獲鼠標附近圖像的RGB和16進制顏色編碼,一款跟隨鼠標刷新圖像的RGB和16進制顏色編碼,希望對大家有所幫助2025-01-01
python爬蟲之利用Selenium+Requests爬取拉勾網(wǎng)
這篇文章主要介紹了python爬蟲之利用Selenium+Requests爬取拉勾網(wǎng),文中有非常詳細的代碼示例,對正在學習python爬蟲的小伙伴們有很好的幫助,需要的朋友可以參考下2021-04-04
這篇文章主要為大家詳細介紹了python機器學習實戰(zhàn)之樹回歸的相關(guān)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-12-12
strtuct模塊主要在Python中的值于C語言結(jié)構(gòu)之間的轉(zhuǎn)換,下面這篇文章主要給大家介紹了關(guān)于Python基礎(chǔ)筆記之struct和格式化字符的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-02-02
這篇文章主要為大家詳細介紹了python實現(xiàn)圖書管理系統(tǒng)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-03-03
itchat和matplotlib的結(jié)合使用爬取微信信息的實例
下面小編就為大家?guī)硪黄猧tchat和matplotlib的結(jié)合使用爬取微信信息的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
Python中解決schedule模塊安裝與使用問題的完整指南
在 Python 開發(fā)中,定時任務(wù)是一個非常常見的需求,schedule 是一個輕量級的 Python 庫,專門用于簡化定時任務(wù)的實現(xiàn),本文將圍繞 schedule 模塊的安裝與使用進行詳細介紹,希望對大家有所幫助2025-03-03
今天小編就為大家分享一篇關(guān)于Python字符串逆序輸出的實例講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-02-02
PyTorch使用torch.nn.Module模塊自定義模型結(jié)構(gòu)方式
這篇文章主要介紹了PyTorch使用torch.nn.Module模塊自定義模型結(jié)構(gòu)方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-02-02