echarts tooltip中显示内容过长折行显示

1.利用tooltip. position属性进行修改：

tooltip: {
  trigger: 'item',
  position: function(point, params, dom, rect, size) {
    /*设置Y轴上下固定，X左右跟随。*/
    return [point[1], 0];
  },
  formatter: function(params) {
    let detail = params.value[3] || '';
    return (`
      <span class='tooltip-wordWrap'>
      <span class='title'>${params.name}</span>
      <span class='name'>发生日期：</span><span class='value'>${params.value[2] || ''}</span>
      <span class='name'>事件详情：</span><span class='value'>${detail}</span>
      </span>
    `)
  }
},

2.css进行修改(vue不要加scoped)

.tooltip-wordWrap {
    span {
      display: block;
      margin: 0;
      padding: 0;
      margin-bottom: 10px;
    }
    .title {
      font-weight: bold;
      font-size: large;
    }
    .name {
      font-weight: bold;
    }
    .value {
      word-break: break-all;
      word-wrap: break-word;
      white-space: pre-wrap;
    }
  }