forrmater 数据格式化

1、tooltip

    图表内数据点的悬浮框提示框信息展现的时候我们可以加以数据格式化，以便于更好地观察数据和分析数据。

    例：图表内数据点的悬浮框提示框信息展现的时候我们可以加以数据格式化，以便于更好地观察数据和分析数据。

    tooltip : {

                trigger: 'axis',

                formatter:function(a){

                    var relVal = "";

                    relVal = a[0]+"°C";

                    relVal += a[1]+"°C";

                    return relVal;

                }

    }

效果图

---

2、axisLabel

坐标轴刻度上面的刻度格式化，比如在后面价格单位kg

格式化Y轴刻度的示例代码如下：

yAxis:[

        {

            type:'value',

            axisLable:{

            formatter:function(value){

                    return value + "kg"

                }

            }

        }

    ]

---

3、series的label

        也就是显示数据标签值得时候我们往往也需要对其数据进行格式化，比如我们想给数据值后面追加一个单位或者进行一个简单的计算。示例代码如下

series : [

{

            name:'蒸发量',

            type:'bar',

            data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],

            itemStyle:{

            normal:{

                label:{

                    show:true,

                    position:'top',

                    textStyle:{

                        fontSize:12,

                        color:"green"

                    },

                    formatter:function(a,b,c){

                        return c+"%";

                      }

            }

        }

}

}]

示例图

---

链接地址：http://www.stepday.com/topic/?834