echart 怎么定制成如图的样式?
现在有一个需求要定制成这样,
我对着官网文档看了好久..还是只能做成这样
现在的问题是,
1.中间的那个大总数文字统计,
2.还有label上的字数统计,
3.label的小圆点
怎么能弄出来?
下面是我的代码:
app.title = '环形图';
option = {
title: {
text: '年龄情况',
left: 'center',
bottom: 20,
textStyle: {
color: 'rgb(57,57,56)'
}
},
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b}: {c} ({d}%)"
},
series: [
{
name:'访问来源',
type:'pie',
radius: ['50%', '70%'],
avoidLabelOverlap: false,
label: {
normal: {
show: true,
textStyle: {
color: 'rgb(104,104,104)'
}
},
emphasis: {
show: true,
textStyle: {
fontSize: '30',
fontWeight: 'bold'
}
}
},
labelLine: {
normal: {
show: true,
}
},
data:[
{value:8, name:'46至55岁'},
{value:13, name:'其他'},
{value:30, name:'56岁及以上'}
]
}
]
};
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
找到一个例子 : http://gallery.echartsjs.com/...
中间的大字可以用
title
,位置xy
都是center
label
可以用formatter
和rich
两行不同样式label富文本
label 富文本里面有个formatter可以写dom 加class名,想怎么玩怎么玩