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 ?? '-'

相关推荐
愿得一猪蹄5 小时前
前端性能优化,Core Web Vitals 三个指标到底怎么改
前端
xy34535 小时前
Axure 9.0 中继器创建与设置步骤
前端·ui·html·axure·原型·产品设计
FEF前端团队5 小时前
01# Vibe Coding工作流设计思维:前端开发者的协作框架
前端·cursor·vibecoding
计算机魔术师5 小时前
OpenAI 发布模型错位报告框架,披露未发布模型自行修改自身指令案例
前端
特创数字科技5 小时前
公文Word一键批量排版工具|批量统一公文标准格式,办公自动化桌面小工具
前端·python
流水白开5 小时前
JavaScript的原型链、类与类的继承
前端·javascript
PedroQue995 小时前
修复 .uvue 页面路径残留问题
前端·vite
颜进强5 小时前
从零搭一套 WorkBuddy Skill 骨架:调接口 → 生成 HTML 报告的分层设计与流转拆解
前端·后端·ai编程
YHL5 小时前
🔍 结构化输出:从 `JSON.parse` 到 `withStructuredOutput` 的三级火箭
前端·深度学习