之前說了echarts餅圖的實現,今天呢說一說echarts柱狀圖的實現。其實道理跟餅圖是一樣的,只是前端的代碼動一動就行了。
echarts餅圖實現地址:https://blog.csdn.net/EvloutionPLUS/article/details/80500286
前端代碼:
legend: {
orient: 'vertical',
left: 'left',
boundaryGap: [0, 0.01],
data: []
},
xAxis: {
type: 'category',
data: [],
axisTick: {
alignWithLabel: true
}
},
yAxis: {
type: 'value'
}
加載數據: myeChart.setOption({ //加載數據圖表
xAxis: {
data: names
},
series: [{
data: brower
}]
});