echarts tooltip信息添加单位

最新推荐文章于 2024-07-18 14:31:22 发布

原创最新推荐文章于 2024-07-18 14:31:22 发布 · 1.5w 阅读

7 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#echarts tooltip信息添加单 #echarts tooltip #echarts

echarts 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在ECharts中使用tooltip的formatter属性来格式化显示的数据。formatter可以通过字符串模板或者回调函数的方式实现，示例展示了如何利用回调函数动态生成包含系列名称和值的HTML内容。

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看

在tootip中添加formatter格式化数据，formatter支持字符串模板和回调函数两种形式：

tooltip : {  
        trigger: 'axis',  
        formatter:function(params)  
        {  
           var relVal = params[0].name;  
           for (var i = 0, l = params.length; i < l; i++) {  
                relVal += '<br/>' + params[i].seriesName + ' : ' + params[i].value+"件";  
            }  
           return relVal;  
        }  
    },

若还想更多的详情，请参考官网文档

http://echarts.baidu.com/echarts2/doc/option.html#legend~renderAsImage

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看