項目中遇到的問題:因為數據太小,箭頭的地方展示不出來,這時的兩組對比數據是根據一個最大值為基准進行渲染的。但我們想實現不同類型的對比根據不同的基准值渲染。
理想效果如下圖:
實現代碼:
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]
}
]
};