echart兩組柱狀圖對比時,不同類型根據各類型的最大值為基准進行展示


項目中遇到的問題:因為數據太小,箭頭的地方展示不出來,這時的兩組對比數據是根據一個最大值為基准進行渲染的。但我們想實現不同類型的對比根據不同的基准值渲染。

理想效果如下圖:

 

實現代碼:

 

 

option = {
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: {
        type: 'log',//這是重點
    },
    yAxis: {
        type: 'category',
        data: ['巴西','印尼','美國','印度','中國','世界人口(萬)']
    },
    series: [
        {
            name: '2011年',
            type: 'bar',
            barGap: '30%',//設置不重疊 當值為-100%時重疊
            data: [183, 49, 034, 9710, 44, 30]
        },
        {
            name: '2012年',
            type: 'bar',
            data: [125, 8, 310, 914, 141, 107]
        }
    ]
};

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM