tooltip echart中tooltip文字怎么居中显示

在ECharts中，Tooltip（提示框）默认的文字会根据其内容自动调整位置以适应容器。如果你希望文本总是水平居中显示，你可以自定义Tooltip的内容模板并设置样式。

首先，你需要在配置项中添加一个`formatter`属性，这个函数可以返回HTML字符串，让你能够控制它的格式。然后，在HTML模板中，你可以使用CSS `text-align` 属性来让文字居中：

option = {
    tooltip: {
        trigger: 'item',
        formatter: function(params) { // params包含了所有需要展示的数据
            return '<div style="text-align: center;">' + params.name + ' : ' + params.value + '</div>';
        }
    },
    series: ... // 系列配置
};

这里，`style="text-align: center;"`将使得每个数据项名称和值都居中对齐。如果你想统一所有的tooltip样式，也可以在全局的tooltip选项里设置：

tooltip: {
    formatter: function() {
        return this.data.map(function(item, index) {
            return '<div style="text-align: center;">' + item.name + ' : ' + item.value + '</div>';
        }).join('');
    }
}

这将应用到所有series的tooltip上。