ECharts tooltip 设置 confine 为 true 后仍然超出容器

场景

tooltip比较长，且容器较小，tooltip超出了容器可视范围。

解决

在已经设置了confine为true后仍然显示不全，可以自定义CSS样式。

使用extraCssText属性自定义样式。

const options = {
    tooltip: {
        trigger: 'item',
        confine: true,
        extraCssText: 'white-space: normal; word-break: break;'
    },
}