最新，ECharts 發佈了在 GitHub 上的第 100 個版本！
柱狀圖柱條的背景色
曾經，很多有「為柱狀圖的柱條添加背景色」需求的小夥伴，都是通過添加一個額外的系列挪到底下來解決的。
這樣的方法寫起來很麻煩，而且如果不是精通 ECharts 的用戶，一般很難想到這樣的解決方案。由於這樣的需求提得比較多，所以在 v4.7.0 版本中，我們支持了背景色的配置項，通過 showBackground 一鍵開啟。如果需要配置樣式，可以通過 backgroundStyle 修改默認背景色，甚至還可以設置陰影、邊框、透明度等。
有了這一方法，就可以很方便地實現柱狀圖的背景色效果了。
此外，背景色的配置對於極座標系下的柱狀圖（也就是環形圖）也是適用的，所以可以用來實現本文宣傳圖片中的環形圖效果：
<code>
option = {
angleAxis: {
show: false
},
radiusAxis: {
data: ['週一', '週二', '週三', '週四'],
show: false
},
polar: {},
visualMap: {
show: false,
min: 4,
max: 10,
inRange: {
color: ['rgba(255, 87, 51, 0.8)', 'rgba(199, 0, 57, 0.8)', 'rgba(144, 12, 62, 0.8)', 'rgba(87, 24, 69, 0.8)']
}
},
series: [{
type: 'bar',
data: [4, 6, 8, 10],
showBackground: true,
roundCap: true,
coordinateSystem: 'polar'
}]
};/<code>
新增多種 markLine 標籤位置
ECharts 的 markLine 能為數據做標示。
此前，標籤位置只支持 start（顯示在標記線的左邊）、middle（線的上方）、end（線的右邊）。為了滿足更多場景的標籤位置，在 v4.7.0 中，新增了 9 種新的標籤位置（下圖的藍色部分）：
新增樹圖的折線佈局
現在，你可以通過 edgeShape 配置使用曲線或折線佈局，創造更多樹圖的可視化效果。
完整的 Changelog
[Feature] markLine 新增更多標籤位置配置. #11843 (Zhang Wenli)
[Feature] 柱狀圖系列新增 background 配置繪製背景. #11951 (Zhang Wenli)
[Feature] tooltip 新增 appendToBody 配置項. #8049#12024 (xinpureZhu, Su Shuang)
[Feature] graphic 組件支持在 group 元素上設置 draggable. #11959 (Shen Yi)
[Feature] tree 系列新增 polyline 配置項繪製拐角折線. #11808 (Li Deqing)
[Enhance] effectLine 尾跡效果優化. #11893 (alex2wong)
[Fix] 優化堆疊柱狀圖，折線圖上的 markPoint 定位. #11965 (yikuangli)
[Fix] 修復雷達圖數據點可能會超出軸的問題. #11841 (Su Siwen)
[Fix] 修復 treemap highlight 高亮無法觸發的問題. #12050 (Su Shuang)
[Fix] 修復 geo 組件的縮放平移無法被 restore 的問題. #12035 (Su Shuang)
[Fix] 修復地圖在 ie10, 11 中報錯的問題 #11956 (Shen Yi)
[Fix] 修復 k 線圖可能報錯的 bug. #12027 (Su Shuang)
[Fix] 優化 brush 組件，能夠跟隨 dataZoom 等組件的交互. #11998 (Su Shuang)
[Fix] 修復雷達圖上 'showTip' dispatched in radar chart. #11985 (Yu Feng)
[Fix] 修復 singleAxis 中 splitArea 不能繪製的問題. #11890 (newraina)
[Fix] 修復 legend 圖例翻頁按鈕可能會消失的 bug. #11952 (Yu Feng)
[Fix] 修復 sankey 桑基圖中 emphasis.lineStyle 無法生效的 bug. #11729 (Li Deqing)
[Fix] 修復 sankey 桑基圖的 tooltip formatter 中沒有 value 屬性的 bug. #11752 (Li Deqing)
文章轉載自 OSCHINA 社區 [http://www.oschina.net]
本文標題：ECharts 發佈第 100 個版本 4.7.0
本文地址：https://www.oschina.net/news/114320/echarts-4-7-0-released
閱讀更多 達升笑聊IT 的文章
