echarts的tooltip样式内容调整

项目场景

浦东大道 交通态势

预期效果

echarts的tooltip样式内容调整_第1张图片

初始效果

没有数据显示undefined

代码实现

   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 === '饱和度' ? '%' : ''}
`
} }) return ret } },

item.value ?? ‘-’

echarts的tooltip样式内容调整_第2张图片echarts的tooltip样式内容调整_第3张图片在这里插入图片描述echarts的tooltip样式内容调整_第4张图片

你可能感兴趣的:(echarts,javascript,前端)