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

最新推荐文章于 2024-08-29 08:41:00 发布

qq_21513029

最新推荐文章于 2024-08-29 08:41:00 发布

阅读量3.1k

点赞数 2

本文链接：https://blog.csdn.net/qq_21513029/article/details/81021134

版权

在不改变原有Echarts图表样式的基础上，通过使用formatter函数和params参数，为Y轴标签添加单位。通过检查params对象，发现marker属性对应小黄点。最终通过在每个系列名称和值之间插入marker和单位，成功实现既保留小黄点又添加单位的目标。

摘要由CSDN通过智能技术生成

原来样式如下：

现在要求在红色标记的地方加上单位,原样式不变，在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+"个";