echarts中多个柱子的柱状图_Echarts柱状图每根柱子设置不同柱子颜色

送一张我最近很喜欢的手机壁纸给大家

先来直接看下实现效果

截图效果

上代码

export default {

name: "Bar",

data() {

return {};

},

mounted() {

this.drawBar();

},

methods: {

drawBar: function() {

// 基于准备好的dom，初始化echarts实例

let myChart = this.$echarts.init(document.getElementById("main"));

let option = {

//标题配置信息

title: {

text: "这个是主标题",

textStyle: {

color: "#B03A5B",

fontWeight: "bolder"

},

subtext: "这个是副标题",

subtextStyle: {

color: "#1AAC1A",

fontWeight: "bolder"

},

left: "center"