amCharts：如何使用外部自定义按钮而不是图例切换系列

Question

我正在尝试根据要求使用自定义 html/css 按钮而不是图例来实现切换图表系列。

这个与我的要求相似，但不适合我。

目前，我正在使用 amCharts4

请帮我处理一下。

以下是我正在尝试的代码我将 char 设为全局（var 图表），如果我使用的是系列，即使我将其设为 var global

，也会出现错误 series is not defined

   <button onClick={this.handleSeries}>Series </button>
   /* <button class="toggle-graph" data-graph-index="0">Series1 </button> */

 handleSeries = (e) => {
    var graph = chart.graphs[e.currentTarget.dataset.graphIndex];
    if (graph.hidden) {
      chart.showGraph(graph);
    } else {
      chart.hideGraph(graph);
    }

    /*  if (series.isHiding || series.isHidden) {
      series.show();
    } else {
      series.hide();
    } */
  };

Answer 1

为了解决这个问题，我采用了不同的方法，但没有触及图表或 amChart 图例。

我只是在状态中使用了一个布尔值，并使用了if条件

if(this.state.booleanTrue){
show graphSeries logic
}

这里我只是将按钮设置为切换

this.setState({ !this.state.booleanTrue })

这个逻辑满足了我的要求。

如果有任何其他方法，请说明

amCharts：如何使用外部自定义按钮而不是图例切换系列

amCharts: How to toggle series using external custom buttons instead of legends

amcharts

amcharts4