代码如下:
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
}
]
};