最近的页面又用到了echart组件 很久没用了 再来做一些笔记。
var option = {
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b}: {c}%' //鼠标移到图形上显示的内容
},
legend: {
top: '10%',
left: '40%',
orient: "vertical", // 控制水平排列
icon: "circle", // 修改小图标为圆形
itemHeight: 8, // 修改圆形小图标的大小
},
color: this.echartsColors,//【颜色区间 在区间内循环使用】
series: [
{
name: '库存总金额',
type: 'pie',
radius: ['30%', '45%'],
avoidLabelOverlap: false,
label: {
show: false, //是否显示标题
position: 'center'
},
center: ['30%', '50%'],//表格的位置 【上下,左右】
emphasis: {
label: {
show: false,
}
},
labelLine: {
show: false
},
data: arr //如果想要给表格内的图形设置边框 itemStyle:{ normal:{borderWidth: 1.8,//设置边框粗细 borderColor: '#ffffff'//边框颜色}}
}
]
};