echartstooltip提示框宽度根据文字变化

可以通过设置ECharts的tooltip属性中的formatter回调函数来实现提示框宽度根据文字变化的效果。具体实现方法如下：

1. 在ECharts中设置tooltip属性，将trigger设置为'axis'或'item'，并设置formatter属性为一个回调函数，该函数接收一个参数params，表示当前鼠标悬浮的数据。

2. 在回调函数中，通过params参数获取提示框内容，然后动态计算提示框的宽度，最后将计算出的宽度设置给tooltip的属性中。

下面是一个示例代码：

option = {
    tooltip: {
        trigger: 'axis',
        formatter: function(params) {
            // 获取提示框内容
            var content = params[0].name + ': ' + params[0].value;
            // 创建一个临时的div元素，并将其添加到页面中
            var tooltipDiv = document.createElement('div');
            tooltipDiv.style.position = 'absolute';
            tooltipDiv.style.visibility = 'hidden';
            tooltipDiv.style.whiteSpace = 'nowrap';
            tooltipDiv.style.font = '12px/1.5 "Helvetica Neue", Arial, sans-serif';
            tooltipDiv.style.padding = '6px 10px';
            tooltipDiv.innerHTML = content;
            document.body.appendChild(tooltipDiv);
            // 动态计算宽度
            var width = tooltipDiv.offsetWidth + 20;
            // 移除临时元素
            document.body.removeChild(tooltipDiv);
            // 设置宽度属性
            return '<div style="width:' + width + 'px">' + content + '</div>';
        }
    },
    // 其他配置项
};

在上述代码中，我们首先获取提示框内容，然后创建一个临时的div元素，并将内容添加到该元素中。接着通过计算该元素的宽度来动态设置提示框的宽度属性。最后将计算出的宽度值添加到提示框的属性中，同时也将其作为HTML字符串返回。