let myChart2 = this.$echarts.init(
document.getElementById("Index-echart")
);
myChart2.setOption({
color: ["#4F96E2", "#A0D8FE", "#24CCA9"], //饼图颜色
series: [
{
type: "pie", //这里设置成“pie”就是饼图,“bar”是柱状图,“line”是折线图
radius: "50%",
selectedMode: "single", //支持单个选中
data: [
{ value: 1548, name: "小麦" },
{ value: 2000, name: "玉米" },
{ value: 5000, name: "其他" }
],
label: {
normal: {
formatter: "{per|{d}%}\n{a|{b}}\n{hr|}", //百分比之后换行显示文字
rich: {
a: {
color: "#D4E8FD", //文字颜色
fontSize: 11, //文字大小
lineHeight: 20, //间距
align: "center" //文字居中
},
per: {
color: "#F5CB22", //百分比文字颜色
align: "center",
fontSize: 14
}
}
}
},
labelLine: {
normal: {
lineStyle: {
color: "#e2e8ed" //指向线颜色
},
smooth: 0.2, //线的拐弯程度
length: 8, //第一条线长度
length2: 8, //第二条线长度
length3: 8 //第三条线长度
}
},
}
]
});