echarts树状图点击文字收缩

echarts树状图是一种用于展示层级结构数据的数据可视化工具。当点击树状图上的文字时，可以通过以下步骤实现文字的收缩效果。

首先，我们需要在echarts的配置项中设置点击事件的回调函数。可以使用echarts的on方法监听点击事件，例如：

myChart.on("click", function(params) {
  // 点击事件的回调函数
});

接着，我们可以通过获取点击事件的目标节点，判断节点的展开状态并进行相应的操作。可以使用getNodeByDataIndex方法获取点击事件对应的节点信息，例如：

var node = myChart.getModel().getSeries()[0].tree.getNodeByDataIndex(params.dataIndex);

然后，我们可以通过判断节点的展开状态来进行文字的收缩或展开操作。每个节点有一个collapsed属性，表示节点的展开状态，true表示收缩，false表示展开。可以通过修改collapsed属性实现文字的收缩或展开，例如：

if (node.collapsed) {
  // 如果节点已经收缩，则展开节点
  node.collapsed = false;
} else {
  // 如果节点已经展开，则收缩节点
  node.collapsed = true;
}

最后，我们需要调用echarts的setOption方法更新树状图的配置项，以便实现文字的收缩效果，例如：

myChart.setOption({
  series: [{
    type: 'tree',
    data: data
  }]
});

通过以上步骤，当我们点击树状图上的文字时，可以实现文字的收缩效果。点击展开的节点，可以收起子节点的文字；点击收缩的节点，可以展开子节点的文字。这样可以更加清晰地展示树状图的层级结构。