echarts添加自定义文字

要在 Echarts 中添加自定义文字，可以使用 Echarts 提供的文本框组件。

首先，在 Echarts 的 option 中添加一个文本框组件，例如：

option = {
    ...
    graphic: [{
        type: 'text',
        left: 100,
        top: 50,
        z: 100,
        style: {
            text: '自定义文字',
            fill: '#333',
            font: '14px Microsoft YaHei'
        }
    }]
    ...
};

在上面的例子中，我们创建了一个文本框组件，它的位置是 left: 100, top: 50，文字内容是 '自定义文字'，颜色是 '#333'，字体是 '14px Microsoft YaHei'。

我们也可以通过代码动态的添加文本框组件，例如：

var myChart = echarts.init(document.getElementById('main'));

// 添加文本框组件
myChart.setOption({
    graphic: [{
        type: 'text',
        left: 100,
        top: 50,
        z: 100,
        style: {
            text: '自定义文字',
            fill: '#333',
            font: '14px Microsoft YaHei'
        }
    }]
});

注意：添加文本框组件时，需要将 z 属性设置为一个较大的值，以确保它们位于图表的上层。