echarts tree 怎样在线上添加文字

ECharts Tree图是一种用于展示层级数据的图表，如果你想在线上添加文字，可以按照以下步骤操作：

1. 首先，在创建ECharts实例时，初始化Tree组件。例如：

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

2. 然后，配置树形数据结构，包括节点的数据和层级信息。每个节点通常包含`name`（标签）、`value`（数值）、`children`（子节点数组）等属性：

var data = {
    name: '根节点',
    children: [
        { name: '子节点1', value: 5 },
        { name: '子节点2', value: 10 }
        // 更多子节点...
    ]
};

3. 添加节点的文本内容，可以在每个节点的`name`字段中直接设置文字：

data.children[0].name = '子节点1 - 描述';
data.children[1].name = '子节点2 - 这是一段较长的文字描述';

4. 最后，配置并渲染树形图：

myChart.setOption({
    series: [{
        type: 'tree',
        data: [data]
        // 其他配置项...
    }]
});