echarts的tooltip样式内容调整

项目场景

浦东大道 交通态势

预期效果

初始效果

没有数据显示undefined

代码实现

js 复制代码
   tooltip: {
            trigger: 'axis',
            axisPointer: {
              type: 'none'
            },
            formatter: function (val) {
              let ret = ''
              val.forEach((item) => {
               // console.log('图表里面的eitem', item)

                if (item.seriesType !== 'pictorialBar') {
                  ret += `${item.marker}${item.seriesName}:${item.value ?? '-'}${item.seriesName === '饱和度' ? '%' : ''}<br />`
                }
              })
              return ret
            }
          },

item.value ?? '-'

相关推荐
蜡台3 分钟前
Uniapp 开发H5 页面跳转拦截
前端·javascript·uni-app
IT爱学堂8 分钟前
Three.js可视化企业实战WEBGL课,2023年全新WEB 3D THREEJS技术
前端·javascript·webgl
网安蟹佬霸23 分钟前
WebAssembly安全攻防实战:从WASM逆向到漏洞利用
前端·安全·自动化·区块链·智能合约·wasm
Su米苏42 分钟前
关于@vue-office/excel 渲染异常滚动失去内容
前端·vue.js·excel
灯澜忆梦43 分钟前
【基于GO的Web开发10】gin获取HTML-Form表单提交参数
前端·后端·golang·html·gin
撑伞的鱼99371 小时前
2026年前端AI编程工具评测:Figma 还原、组件复用、跨文件联动三项对比
前端·ai编程·figma·效率工具·ai编程工具
码视野1 小时前
基于 Vue3 + Element Plus 的【微短剧剧本智能创作与分镜生产协同系统】设计与实现(含PRD/三端源码/大屏)
前端·人工智能·vue3
zzzzzz3102 小时前
36K stars 的“酷炫组件”,到底该怎么用才不显得用力过猛?
前端·react.js·动效
2401_894915535 小时前
GEO 优化源码全解析:从搜索引擎到 AI 引擎的底层改写逻辑
java·服务器·前端·数据库·人工智能·分布式·搜索引擎
rockey6279 小时前
C#脚本引擎之AScript与Jurassic、Jint对比
javascript·c#·.net·js·script·动态脚本