如何解决amCharts:如何使用外部自定义按钮而不是图例来切换系列
我正在尝试使用自定义html / css按钮而不是根据要求使用图例来实现图系列的切换。
此AmCharts: custom button to hide/show graph与我的要求相似,但不适用于我。
当前,我正在使用amCharts4
请帮我解决这个问题。
以下是我正在尝试的代码 我将char设置为全局(变量图),如果我正在使用序列,即使我将其设置为var全局,也未定义错误序列
<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();
} */
};
解决方法
为解决此问题,我采用了不同的方法,而未触及图形或amChart图例。
我只是在状态中使用了布尔值,并在条件条件下使用了
if(this.state.booleanTrue){
show graphSeries logic
}
在这里,我只是将按钮设置为切换
this.setState({ !this.state.booleanTrue })
这种逻辑满足了我的要求。
请提及是否还有其他方法
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。