如何在AmChart中显示多数据集且隐藏对比选项?
解决AmCharts隐藏对比区块并显示多数据集的问题
我明白你碰到的问题了——明明在stockGraphs里设置了comparable: false,但对比相关的区块还是没消失。这是因为仅配置单个图表还不够,AmCharts StockChart默认会在图例等区域保留对比触发入口,得从两个核心维度调整:
1. 优化stockGraphs的配置
首先,你可以移除那些和对比强相关的属性(既然不需要对比,这些配置就没必要保留了),同时确保禁用对比的配置生效:
"stockGraphs": [ { "id": "g1", "valueField": "value", "comparable": false, "balloonText": "[[title]]:<b>[[value]]</b>" // 移除了compareField和compareGraphBalloonText,因为不需要对比相关的气泡和字段映射 } ]
2. 关闭图例的对比触发功能
这是解决问题的关键!AmCharts的stockLegend组件默认开启了对比切换按钮,哪怕你在图表里禁用了对比,用户依然能通过图例触发对比功能。所以必须在stockLegend的配置里关闭这个选项:
"stockLegend": { "enableCompare": false }
额外提醒
如果你加载了多个数据集,要确保每个对应的stockGraph都设置了comparable: false,这样所有数据集的对比功能都会被禁用,同时它们能正常在图表中展示,不会触发对比逻辑。
按照上面的配置调整后,对比相关的区块(包括图例的对比选项、对比线条等)就会完全隐藏,你可以正常显示多数据集且不会启用对比功能。
内容的提问来源于stack exchange,提问作者Madhab452
相关产品推荐
相关产品推荐

