代码如下:
this.options = {color: ["#0075FF", "#00E2C4", "#FCA884", "#FFCB11"],grid: {top: "25%",bottom: "6%",right: "8%",left: "8%",containLabel: true,},legend: {top: "2%",textStyle: {color: "#FFFFFF99",fontSize: "12",},itemWidth: 12,itemHeight: 8,itemGap: 13,right: "6%",data: this.legendData,},xAxis: [{type: "category",data: this.xAxisData,axisLabel: {show: true,margin: 14,fontSize: 12,width: 45,interval: 0,overflow:"breakAll",textStyle: {color: "#ffffffcc"}},axisLine: {show: true,lineStyle: {color: "#355d8d",},},axisTick: {show: false,},},],yAxis: [{type: "value",name: "单位:个",nameTextStyle: {fontSize: this.handleWidth(12),color: "#FFFFFF99",padding: [0, 5, 10, 0]},axisLine: {onZero: false,lineStyle: {color: "#87C2FF",width: 1, //这里是为了突出显示加上的},},axisLabel: {formatter: function (val) {return val + "";},show: true,margin: 8,fontSize: 12,textStyle: {color: "#FFFFFF99", //字体颜色},},splitLine: {show: true,lineStyle: {color: "#87C2FF66",width: 0.7,type: "dashed",},},},],series: [{type: "bar",name: this.legendData[0],barWidth: 7,barGap: 0.3,data: this.echartData.twoMachines},{type: "bar",name: this.legendData[1],barWidth: 7,barGap: 0.3,data: this.echartData.fourMachines},{type: "bar",name: this.legendData[2],barWidth: 7,barGap: 0.3,data: this.echartData.eightMachines},{type: "bar",name: this.legendData[3],barWidth: 7,barGap: 0.3,data: this.echartData.sixteenMachines}]
};