pie中间显示总数图例显示数量

最新推荐文章于 2025-04-09 10:05:04 发布

原创

最新推荐文章于 2025-04-09 10:05:04 发布 · 573 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #javascript #ecmascript

该段代码使用Echarts库创建了一个饼图，展示了不同产业类型的数量分布，如高端化工、新一代信息技术、生物医药等。数据来源于JSON请求，其中包含各产业类型的名称和值。饼图具有详细的提示信息、标签样式和丰富的自定义配置。

在这里插入图片描述

var myChart1 = echarts.init(document.getElementById('demo1'));
$.getJSON("cylx", function(data) {
   
   
	if(data.code == 0) {
   
   
		var option1 = {
   
   title: {
   
   
				zlevel: 0,
				text: ['{name|产业企业}', '{value|' + data.data.sum + '}'].join('\n'),
				top: '42%',
				left: '29%',
				textAlign: 'center',
				textStyle: {
   
   
					rich: {
   
   
						value: {
   
   
							color: '#303133',
							fontSize: fontSize(24),
							lineHeight: fontSize(24),
						},
						name: {
   
   
							color: '#909399',
							fontSize: fontSize(16),
							lineHeight: fontSize(35),
						},
					},
				},
			},
			color:["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],