之前说了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
}]
});