Echarts动态玫瑰分布图

做数据图表,echarts是个不错的选择，南丁格尔玫瑰图是饼状分布图的一种，它能直观的显示各个组成部分所占百分比。

分类：统计图 > 饼状图难易：入门级

查看演示下载资源下载积分： 30 积分

option = {
	title: {
		text: '2016年网上消费分布图',
		subtext: '纯属虚构',
		x: 'center'
	},
	tooltip: {
		trigger: 'item',
		formatter: "{a} <br/>{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: '其他'
		}]
	}]
};