echarts中formatter属性

tooltip中的数据格式(数据点的悬浮框)
[javascript] view plain copy
tooltip : {  
trigger: 'axis',  
formatter:function(a,b,c){  
return a+'
'+b+c;  
}  
},  
formatter格式化方法的参数说明:(下面一段话引用自https://www.cnblogs.com/ys-wuhan/p/6149265.html)

{string},模板(Template),其变量为:

{a} | {a0}

{b} | {b0}

{c} | {c0}

{d} | {d0} (部分图表类型无此项)

多值下则存在多套{a1}, {b1}, {c1}, {d1}, {a2}, {b2}, {c2}, {d2}, ...

其中变量a、b、c在不同图表类型下代表数据含义为:

折线(区域)图、柱状(条形)图: a(系列名称),b(类目值),c(数值), d(无)

散点图(气泡)图 : a(系列名称),b(数据名称),c(数值数组), d(无)

饼图、雷达图 : a(系列名称),b(数据项名称),c(数值), d(百分比)

弦图 : a(系列名称),b(项1名称),c(项1-项2值),d(项2名称), e(项2-项1值)

力导向图 :

节点 : a(类目名称),b(节点名称),c(节点值)

边 : a(系列名称),b(源名称-目标名称),c(边权重), d(如果为true的话则数据来源是边)

{Function},传递参数列表如下:

params : 数组内容同模板变量,[[a, b, c, d], [a1, b1, c1, d1], ...]

ticket : 异步回调标识

callback : 异步回调,回调时需要两个参数,第一个为前面提到的ticket,第二个为填充内容html

二、坐标轴上的数据格式化
1.Y轴
[javascript] view plain copy
yAxis : [{  
type : 'value',  
axisLabel : {  
formatter: function(value){  
return value+"单位";}  
}  
}],  
2.X轴
[javascript] view plain copy
xAxis : [{  
type : 'category',  
axisLabel : {  
formatter: function(value){  
return value+"单位";}  
}  
}],  
三、series的数据格式化
[javascript] view plain copy
series : [{  
  name:'',  
  type:'bar',  
  data:[],  
  itemStyle:{  
    normal:{  
      label:{  
        formatter:function(a,b,c){return c+"%";}  
      }  
    }  
  }  
}]  
 

你可能感兴趣的:(echarts)