JavaScript中如何访问名称包含点号的方法或属性？

直接给你说可行的实现步骤，照着来就行：

• 第一步，给zingchart组件添加模板引用
  在组件模板里给图表容器加个引用变量，示例代码：

  <zingchart #treeChart [config]="treeConfig"></zingchart>
  

• 第二步，在组件类中获取图表实例
  用@ViewChild拿到引用的组件实例，记得导入对应的Angular模块：

  import { Component, ViewChild, AfterViewInit } from '@angular/core';
  
  @Component({
    // 你的组件元数据（selector、templateUrl等）
  })
  export class YourChartComponent implements AfterViewInit {
    @ViewChild('treeChart') treeChartComponent: any;
    chartContext: any;
  
    ngAfterViewInit(): void {
      // 获取图表的context实例
      this.chartContext = this.treeChartComponent.getChart();
    }
  }
  

• 第三步，调用tree.removenode方法
  当需要移除节点时，直接通过拿到的chartContext调用方法，传入目标节点的ID即可：

  removeTreeNode(nodeId: string): void {
    if (this.chartContext) {
      this.chartContext.tree.removenode(nodeId);
    }
  }
  

• 关键注意事项

  • 必须等图表完全渲染完成后再调用方法，所以放在ngAfterViewInit钩子或者图表的render完成回调里最稳妥
  • 要确保传入的节点ID是图表数据中真实存在的，否则方法会调用失败

附上你提供的图表配置截图：

内容的提问来源于stack exchange，提问作者lasabahebwa