echarts 用 formatter改变标题样式

ECharts是一个流行的JavaScript数据可视化库，它允许用户通过定制formatter函数来自定义图表的各种元素，包括标题。Formatter是一个回调函数，可以接收值、系列索引、图例信息等作为参数，并返回格式化的字符串。

如果你想改变ECharts标题的样式，比如字体大小、颜色或者添加特定的CSS样式，你可以这样设置：

var option = {
    title: {
        text: '我的标题', // 文本内容
        formatter: function() { // 定义自定义格式化
            return '<span style="font-size: 20px; color: red;">' + this.text + '</span>'; // 使用HTML标签和CSS样式
        },
        textStyle: { // 更直接地设置全局文本样式
            fontSize: '24px',
            color: '#666'
        }
    },
    ...其他配置...
};

echarts.init(document.getElementById('main')).setOption(option);

在这个例子中，`formatter`函数将标题文字包裹在一个带有特定CSS样式的`<span>`标签内，而`tExtStyle`则设置了默认的全局样式。