echarts 饼状图 调整位置
通过调整 center 按照百分比调整位置
series: [{
name: 圆环图系列名称, // 系列名称
type: pie, // 系列类型
left: 0%,
center: [24%, 50%], // 饼图的中心(圆心)坐标,数组的第一项是横坐标,第二项是纵坐标。[ default: [50%, 50%] ]
radius: [30%, 40%], // 饼图的半径,数组的第一项是内半径,第二项是外半径。[ default: [0, 75%] ]
hoverAnimation: true, // 是否开启 hover 在扇区上的放大动画效果。[ default: true ]
color: color, // 圆环图的颜色
label: {
// 饼图图形上的文本标签,可用于说明图形的一些数据信息,比如值,名称等.
normal: {
show: false, // 是否显示标签[ default: false ]
position: outside, // 标签的位置。outside饼图扇区外侧,通过视觉引导线连到相应的扇区。inside,inner 同 inside,饼图扇区内部。center在饼图中心位置。
formatter: {b} : {c}次 // 标签内容
}
},
labelLine: {
// 标签的视觉引导线样式,在 label 位置 设置为outside的时候会显示视觉引导线。
normal: {
show: false, // 是否显示视觉引导线。
length: 15, // 在 label 位置 设置为outside的时候会显示视觉引导线。
length2: 10, // 视觉引导项第二段的长度。
lineStyle: {
// 视觉引导线的样式
//color: #000,
//width: 1
}
}
},
data: data // 系列中的数据内容数组。
}],
