Echarts动态玫瑰分布图
做数据图表,echarts是个不错的选择，南丁格尔玫瑰图是饼状分布图的一种，它能直观的显示各个组成部分所占百分比。
源码介绍
option = {
title: {
text: '2016年网上消费分布图',
subtext: '纯属虚构',
x: 'center'
},
tooltip: {
trigger: 'item',
formatter: "{a}
{b} : {c} ({d}%)"
},
legend: {
x: 'center',
y: 'bottom',
data: ['服装鞋包', '手机数码', '美妆饰品', '百货食品', '游戏话费', '生活服务', '户外运动', '其他']
},
calculable: true,
series: [{
name: '半径模式',
type: 'pie',
radius: [20, 110],
center: ['25%', 200],
roseType: 'radius',
width: '40%',
// for funnel
max: 40,
// for funnel
itemStyle: {
normal: {
label: {
show: false
},
labelLine: {
show: false
}
},
emphasis: {
label: {
show: true
},
labelLine: {
show: true
}
}
},
data: [{
value: 40,
name: '服装鞋包'
},
{
value: 30,
name: '手机数码'
},
{
value: 35,
name: '美妆饰品'
},
{
value: 25,
name: '百货食品'
},
{
value: 5,
name: '游戏话费'
},
{
value: 15,
name: '生活服务'
},
{
value: 20,
name: '户外运动'
},
{
value: 10,
name: '其他'
}]
},
{
name: '面积模式',
type: 'pie',
radius: [30, 110],
center: ['75%', 200],
roseType: 'area',
x: '50%',
// for funnel
max: 40,
// for funnel
sort: 'ascending',
// for funnel
data: [{
value: 40,
name: '服装鞋包'
},
{
value: 30,
name: '手机数码'
},
{
value: 35,
name: '美妆饰品'
},
{
value: 25,
name: '百货食品'
},
{
value: 5,
name: '游戏话费'
},
{
value: 15,
name: '生活服务'
},
{
value: 20,
name: '户外运动'
},
{
value: 10,
name: '其他'
}]
}]
};声明：
素材码,一个精品商业网站源码分享的个人网站 www.phprr.com
1. 本站所有资源来源于网络，均不允许转载，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 如发现会员恶意传播或用于违法用途，本站有权封禁账号,并积极配合有关部门调查
4. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
5. 本站提供的源码、模板、插件等等其他资源（除商业源码分类），都不包含技术服务请大家谅解！
6. 如有链接无法下载、失效，请联系管理员处理！
7. 本站资源售价和会员费只是赞助，收取费用仅维持本站的日常运营所需！
如您发现本站分享的源码,侵犯了您的权益，请联系：357058607#qq.com （将#换成@）
严禁使用本站源码从事任何非法活动
素材码,一个精品商业网站源码分享的个人网站 www.phprr.com
1. 本站所有资源来源于网络，均不允许转载，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 如发现会员恶意传播或用于违法用途，本站有权封禁账号,并积极配合有关部门调查
4. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
5. 本站提供的源码、模板、插件等等其他资源（除商业源码分类），都不包含技术服务请大家谅解！
6. 如有链接无法下载、失效，请联系管理员处理！
7. 本站资源售价和会员费只是赞助，收取费用仅维持本站的日常运营所需！
如您发现本站分享的源码,侵犯了您的权益，请联系：357058607#qq.com （将#换成@）
严禁使用本站源码从事任何非法活动
警告！
（1）本站禁止一切违法行为的用户，一经发现永久封号，且不予退款。（2）本站源码仅供参考和钻研，如有技术，部分源码可利用于二次开发。