echarts 图表 tooltip提示框,formatter自定义
2024-09-22 07:30:17
自定义图表提示框样式,
自定义原因:series中有多个数据样式,那么提示框会展示多条。
tooltip: {
formatter(params) {
let circle = `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;left:5px;background-color:`;//小圆点样式
let data0 = `${circle}#06c4f5"></span> 总数量: ${params.data}`;//第二行显示
return `${params.name}<br/>${data0}`;
}
//备注:params.name 第一行显示内容
最新文章
- JDI tutorial (trace example)
- iOS NSOperation 封装 通知实现界面更新
- jsp连接mysql数据库
- ssh框架整合完整版
- PHP导出excel文件
- 前端之JavaScript第一天学习(3)-JavaScript输出
- 【IOS实例小计】今日开贴,记录我的ios学习生涯,留下点滴,留下快乐,成荫后人。
- numpy array的复制-【老鱼学numpy】
- vue项目中引用jquery
- SpringBoot系列: 集成MyBatis
- Confluence 6 修改日志文件的目标位置
- 动态规划之132 Palindrome Partitioning II
- GDKOI2018发烧记
- 卡尔曼滤波(kalman)相关理论以及与HMM、最小二乘法关系
- Xianfeng轻量级Java中间件平台:属性管理、字典管理
- java读取resource目录下的配置文件
- Top Leaders社区发现算法(top leaders community detection approach in information networks)
- jquery 表格排序,实时搜索表格内容
- &#39;workspace&#39; in VS Code
- PHP 删除 数组 指定成员
热门文章
- PID模板
- Wix Setting language and code page attributes
- csp-s2020 T2 动物园
- NVIDIA的GPU算力Compute Capalibity
- linux用户权限与组
- centons7.2 双网口聚合功能配置和验证
- 永久免费泛域名证书: letsencrypt&#160;
- Respecting causality is all you need for training physics-informed neural networks
- 微信h5支付报错 商家参数格式有误,请联系商家解决
- bilibili经典面试题