Echarts中数据加载与varmap={'key1':a1,'key2':a2,······}的使用,IT新人,刚在在实习阶段遇到Echarts中data的多字段展示问题,最后发现这个问题可以使用k-v格式。
key1字段是什么
在Echarts.js经常遇到同样的展示字段里包含有两个字段。
而后台传递过来的多是一个List,list中包含了很多两个字段。面对这种情况就要使用js中的Map了。
key1字段代码
<scripttype="text/javascript">
varjson1=[];//用于存放map化的list数据。json1.push(map),其中map为新创建的map
vardataAxis=[];//用于存放图例标签数据
$.ajax({
type:'get',应控制器和访问函数的路劲
contentType:"application/json;charset=utf-8",//数据传输格式json、utf-8
dataType:'json',
error:function(){
alert("cuowu");//后台响应错误进入该函数
},
success:function(json){//后台响应成功进入此函数
//1-从json中获取函数所需数据阶段
varlabelOption={
normal:{
show:true,
rotate:90,
align:'left',
verticalAlign:'middle',
position:'insideBottom',
distance:15,
formatter:'{c}{name|{a}}',//表格需要显示连个字段
fontSize:16,
rich:{
name:{
textBorderColor:'#fff'
}
}
}
总之,key1字段给大家简单的介绍了一些,希望大家多看看。