ecarts饼图键盘浮动并放大
原因是朋友写了一个饼图,数据显示完全没问题echarts 饼状图的大小,而且键盘是浮动的,不是放大,而是缩小。 这个和我们的ui不一样,所以找了一系列资料终于找到在哪里改了。
下面附上之前写的图:
原配置:
series: [
{
name: "",
type: "pie",
radius: ['50%', '32%'],
label: {
show:false,
textStyle: {
fontSize: 12,
color: "inherit",
},
position: "outside",
// formatter: "{d}%",
},
labelLine: {
show: false,
length: 0,
length2: 15,
},
emphasis: {
itemStyle: {
shadowBlur: 20,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
data: [
{ value: 1048, name: 'Search Engine' },
{ value: 735, name: 'Direct' },
{ value: 580, name: 'Email' },
{ value: 484, name: 'Union Ads' },
{ value: 300, name: 'Video Ads' }
]
}
]
修改后代码:
改动部分后echarts 饼状图的大小,用+号标记并下拉,请仔细阅读。
series: [
{
name: 'Access From',
type: 'pie',
+ radius: ['40%', '60%'],
avoidLabelOverlap: false,
label: {
show:false,
textStyle: {
fontSize: 12,
color: "inherit",
},
position: "outside",
// formatter: "{d}%",
},
labelLine: {
show: false,
length: 10,
length2: 5,
},
emphasis: {
+ scaleSize: 8,
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 10,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
data: [
{ value: 1048, name: 'Search Engine' },
{ value: 735, name: 'Direct' },
{ value: 580, name: 'Email' },
{ value: 484, name: 'Union Ads' },
{ value: 300, name: 'Video Ads' }
]
}
]
更改后:
结束!
发表评论