Echarts中数据加载与var map={'key1':a1,'key2':a2,······}的使用

原创

于 2018-05-29 08:01:15 发布 · 2.2k 阅读

CC 4.0 BY-SA版权

本文主要介绍了Echarts在实习项目中的应用，特别是如何解决数据多字段展示的问题。通过使用键值对（k-v）格式，如var map={'key1':a1,'key2':a2,...}，能够有效地呈现多个字段信息。" 7427784,1206138,C# GDI+绘图指南,"['C#', '图形编程', 'GDI+', 'API']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

IT新人，刚在在实习阶段遇到Echarts中data的多字段展示问题，最后发现这个问题可以使用k-v格式。

在Echarts.js经常遇到同样的展示字段里包含有两个字段。

而后台传递过来的多是一个List，list中包含了很多两个字段。面对这种情况就要使用js中的Map了。

 <script type="text/javascript"> 
        var json1 = [];     //用于存放map化的list数据。json1.push(map) ,其中map为新创建的map
        var dataAxis=[];    //用于存放图例标签数据
			$.ajax({
				type:'get',
				url:"${ctx}/2233/23424.tjl",                     //对应控制器和访问函数的路劲
				contentType : "application/json;charset=utf-8",  //数据传输格式json、utf-8
				dataType : 'json',
				error:function(){
				       alert("cuowu");    //后台响应错误进入该函数
				},
				success:function(json){   //后台响应成功进入此函数
           //1-从json中获取函数所需数据阶段
					var labelOption = {
									    normal: {
									        show: true,
										    rotate: 90,
										    align: 'left',
										    verticalAlign: 'middle',
										    position: 'insideBottom',
										    distance: 15,
									        formatter: '{c}