注册 登录 充值会员 退出
联系客服 毕业设计 java源码 PHP源码
充值

echarts环状图表数据统计插件

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2022-11-28
echarts环状图表数据统计插件
这是一款很不错的基于jQuery与echarts环状图表数据统计插件,百分比统计图表代码,环状图表环状的金额数据统计图表代码。


js代码

<script src="jquery-1.11.2.min.js"></script>
<script src="echarts-3.6.js"></script> 
<script type="text/javascript">
	$(function ()
	{
		$(".legendShow").css({"top":$(window).height()/5-100,"left":50});
		$("#div_pie").height($(window).height());
		$("#div_pie").width($(window).width());
		var chart = echarts.init(document.getElementById('div_pie'), null, {
			renderer: 'canvas'
		}); 
		chart.setOption({
			angleAxis: {
				axisLabel:
					{
						
						   formatter: function (value, index) { return value * 33500 / 100; }
					}
			},
			radiusAxis: {
				type: 'category',
				data: ["2.07%", "15.53%", ""],
				z: 10
			},
			textStyle: {
				color: "#104490",
				fontSize: 16,
				fontStyle: 900
			},
			polar: {
			},
			series: [
				{
					type: 'bar',
					itemStyle: {
						normal: {
							color: '#1d94bc'
						}
					},
					data:
						[
						{
							value: 100 * 736 / 35500
						},
						{
							value: 100 * 5513 / 35500,
							show: false,
							itemStyle: {
								normal: {
									color: 'rgb(134, 151, 34)'
								}

							},
						},
						{
							value: 100,
							show: false,
							itemStyle: {
								normal: {
									color: '#FFAA25'
								}
							}
						}
						],
					coordinateSystem: 'polar',
					name: '总计划',
					stack: 'a'

				}],
			legend: {
				legend: {
					show: true,
					data: ["总计划"],
				}
			}
		});

	});
	 
</script>

关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。