一款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%'],
以上内容希望有帮助。