echarts树状图组件点击切换

ECharts 的 Tree 图是一种用于展示层级结构的数据图表，通常用于组织架构、目录树等场景。为了实现在树状图中通过点击切换显示的内容，你可以利用 ECharts 提供的事件监听功能以及数据驱动的特性。

首先，在初始化 Tree 图时，你需要指定节点的数据，并设置好展开或折叠的状态。例如：

const treeData = ...; // 树状图的数据配置

option = {
  series: [{
    type: 'tree',
    data: treeData,
    onclick: function (params) { // 点击事件处理函数
      console.log('点击了节点', params.name);
      // 这里可以根据点击的节点 id 或 name 来动态改变显示内容
      // 如果想要切换到另一个视图，可以更新 option 中的其他系列或者其他部分视图的数据
    }
  }]
};

然后在 `onclick` 函数内部，你可以获取到点击的节点信息，根据需求动态调整你的图表选项（如切换到另一个相关的子视图数据展示）。记得在实际应用中替换掉 `console.log` 部分，添加相应的业务逻辑。

如果你希望切换到另一个图表，而不是在同一个图表内切换内容，可能需要配合 ECharts 的事件穿透功能，或者使用 Vue/Angular 等前端框架的路由跳转机制。