一款jQuery基于echarts图表插件开发的各个城市收入统计扇形图表,支持多个城市数据显示半圆扇形统计图表代码。

适用于:网络营销城市业务收入图表统计,地区或分类数量统计图表展示效果。

通过canvas画布来呈现收入统计图表。

使用jQuery 2.2.1版本 、echarts 5.0.2版本,以上或最新版本。

使用介绍:

添加数据列表:

data: [ '张家口', '承德', '衡水','邢台', '邯郸', '保定','秦皇岛','石家庄', '唐山']

添加数据参数:

data: [{
	value: 900.58,
	name: '张家口',
	itemStyle: {
		normal: {
			color: '#f845f1'
		}
	}
}]

修改扇形图表大小

startAngle: 0,
//饼图的半径,数组的第一项是内半径,第二项是外半径
radius: [41, 200.75],
//支持设置成百分比,设置成百分比时第一项是相对于容器宽度,第二项是相对于容器高度
center: ['50%', '40%'],

以上内容希望有帮助。