Vue柱状图 调整字体大小
横轴:
xAxis:[
axisLabel: {
rotate: -25, //旋转度数
fontSize: 14
},
或
axisLabel:{
rich: {
color1: { color: "#53772d", fontSize: 20, fontWeight: "bold" },
color2: { color: "#014475", fontSize: 20, fontWeight: "bold" },
color3: { color: "#7e0101", fontSize: 20, fontWeight: "bold" },
color_defalut: {
color: "#673ab7",
fontSize: 20,
fontWeight: "bold"
},
title: {
fontSize: 20
}
}
},
]
纵轴:
yAxis: [
type: "value",
name: "完成率(%)",
nameTextStyle:{
fontSize:12
},
axisLabel: {
formatter: "{value} %",
fontSize: 16
}
]
数据:
series: [
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: "#4caf50" }, //柱图渐变色 绿
{ offset: 1, color: "#47942a" } //柱图渐变色
])
}
},
label: {
normal: {
show: true,
position: "top",
fontSize: 14
// formatter: "{c}%"
}
},
]
择善人而交,择善书而读,择善言而听,择善行而从。