【開源資訊】ECharts 發佈第 100 個版本 4.7.0 科技頭條網

【開源資訊】ECharts 發佈第 100 個版本 4.7.0

<code>原文地址：https://www.oschina.net/news/114320/echarts-4-7-0-released/<code>

最新，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>