一个普通的下午,普通的水群,普通的发现群友问题,普通的开始解决问题
(这几个说css的真的给我看傻了...)
遇到困难先百度一下吧,额...,没有,这位群友也说了,在百度找不到才来群里问的
那就翻翻api吧,让我看看,series,pie,label
找到了个看起来应该是的
发给人家试试吧
人家给我的回复是....
这个在右边好像是默认的,你左边多行,就不生效
我不信!
要来了option,自己跑起来试试
额... 对齐是对齐了就是怎么感觉左右被挤了啊...
群友自己优化了一下,放在data就可以了
还有点小问题,加样式之后就不行了
这种问题遇到挺多次了,应该是顺序或者层级问题
果然,放在noraml里面就好了
option = {
title: {
text: 'Referer of a Website',
subtext: 'Fake Data',
left: 'center'
},
tooltip: {
trigger: 'item'
},
series: [
{
name: 'Access From',
type: 'pie',
radius: ["40%", "70%"],
labelLine: {
show: true,
length: 20,
length2: 20,
lineStyle: {
type: "dashed"
}
},
data: [
{ value: 1048, name: 'Search Engine' },
{ value: 735, name: 'Direct' },
{ value: 580, name: 'Email' },
{ value: 484, name: 'Union Ads' },
{ value: 300, name: '军种:海军\n占比:23.3%\n数量:89',
label: {
normal: {
alignTo: 'edge',
textStyle: {
color: "red",
lineHeight: 20,
fontSize: 16
}
}
}
},
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
搞定!