【前言】

最近在做的项目前端用到了echarts，有个需求就是在柱状图上方加上数据并且加上百分号。

【过程】

经过多方实践，终于成功了。

series[{

   label:{

       normal:{

           show:true,

           position:'top'                  ---数据显示在上方

           formatter:'{c}%'                ---加上百分比

         }

}

}]

既然上方的数据能够加上百分号，那么tooltip提示也可以加上百分号吧。

tooltip{

        tigger:'axis',

        formatter:function(data){

             var result='';

                 for(var i=0;i<data.length;i++)

                      {

                               if(data[i].name=="value"){

                                          result+=data[i].name+":"+data[i].value+"%"+'<br>';

                                  }

                            else{

                                                 result+=data[i].name+":"+data[i].value+'<br>';

                                 }

                   } 

        return result;

}

【总结】

 这样就完成用户的需求了，但是有一个问题，tooltip提示框使用格式化这个方法后设置的颜色就消失了，想了一个办法给字体加上颜色，但是用户没有提这个需求就没用了。