echarts浮动显示单位,在保持原来的样式基础上

原来样式如下:

现在要求在红色标记的地方加上单位,原样式不变,在echarts中有个formatter的东西,里面有个参数params,来看看有什么:

formatter:function(params)  
                    {  
                      alert(JSON.stringify(params));
                    } 

可以看到,我们需要的参数name是y轴的,value是x轴的,于是代码可以写成:

formatter:function(params)  
                    {  
                       var relVal = params[0].name;
                       //alert(JSON.stringify(params))
                       for (var i = 0, l = params.length; i < l; i++) {  
                            relVal += '<br/>' +params[i].seriesName  + params[i].value+"个";  
                        }
                       
                       return relVal;  
                    } 
运行效果如下:

却悲剧的发现前面的小黄点没了,我们可以看看之前的param是否有这个:

可以推测,这个marker应该就是那个小黄点了,最终代码如下:

formatter:function(params)  
                    {  
                       var relVal = params[0].name;
                       //alert(JSON.stringify(params))
                       for (var i = 0, l = params.length; i < l; i++) {  
                            relVal += '<br/>' +params[i].marker+ params[i].seriesName  + params[i].value+"个";  
                        }
                       
                       return relVal;  

                    } 

下面是运行效果:

样式终于加上了


猜你喜欢

转载自blog.csdn.net/qq_21513029/article/details/81021134