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

相关推荐
FIN66681 天前
昂瑞微冲刺科创板:创新驱动,引领射频芯片国产化新征程
前端·安全·前端框架·信息与通信·芯片
GISer_Jing1 天前
ByteDance——jy真题
前端·javascript·面试
睡美人的小仙女1271 天前
浏览器为何屏蔽本地文件路径?
前端
真的想不出名儿1 天前
Vue 中 props 传递数据的坑
前端·javascript·vue.js
FIN66681 天前
昂瑞微:深耕射频“芯”赛道以硬核实力冲刺科创板大门
前端·人工智能·科技·前端框架·信息与通信·智能
阳光阴郁大boy1 天前
星座运势网站技术解析:从零打造现代化Web应用
前端·javascript
烛阴1 天前
武装你的Python“工具箱”:盘点10个你必须熟练掌握的核心方法
前端·python
sorryhc1 天前
如何设计一个架构良好的前端请求库?
前端·javascript·架构
Queen_sy1 天前
vue3 el-date-picker 日期选择器校验规则-选择日期范围不能超过七天
javascript·vue.js·elementui
lvchaoq1 天前
react 修复403页面无法在首页跳转问题
前端·javascript·react.js