在echarts中,当柱状图等X轴名字过长时,鼠标悬浮显示不全,这时候就需要将tooltip换行显示,具体实现如下:

        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'shadow',
          },
          formatter: function(params) {
            var name = params[0].name
            if (name.length > 30) {
              name = name.replace(/(.{30})/g, '$1<br>') // 每 30 个字符添加一个换行符
            }
            var content = name + '<br>'
            params.forEach(function(item) {
              content += item.seriesName + ': ' + item.value + '<br>'
            })
            return content
          }
        },

可根据自己的需求进行相应更改

Logo

更多推荐