动态复选框可用于堆叠/取消堆叠AMCharts 4 XY柱序列/条形图
提问于 2020-01-28 18:12:58
我在我的XY柱状图上单独放置了一个复选框。原始图表的每个series.stacked = true。这可以很好地工作。我在复选框上有一个监听程序，用于从堆叠列切换到独立列。它在每个系列上设置(切换)相同的堆叠属性。不幸的是，没有任何更新。在属性赋值之后，我尝试在图表上调用invalidateData() -但这也不能更新堆叠/去堆叠函数。
$("#chartAssetsTimelineIndividualColumns").change(function () {
chartAssetsTimeline.series.values.forEach(function (series) {
series.stacked = !this.checked;
});
});
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-01-29 02:45:45
当您在forEach方法中时，this不会引用input元素，因为它的作用域是此时的window对象。您可能希望保存对它的引用并使用它，或者只使用change方法提供的事件对象。此外，您应该使用each函数，而不是遍历只读values数组。
$('#chartAssetsTimelineIndividualColumns').change(function() {
var that = this;
chartAssetsTimelineIndividualColumns.series.each(function(series) {
series.stacked = !that.checked;
});
});
// or
$('#chartAssetsTimelineIndividualColumns').change(function(e) {
chartAssetsTimelineIndividualColumns.series.each(function(series) {
series.stacked = !e.target.checked;
});
});
// or, preferably, with VanillaJS:
document.getElementById('chartAssetsTimelineIndividualColumns').addEventListener('change', function(e) {
chartAssetsTimelineIndividualColumns.series.each(function(series) {
series.stacked = !e.target.checked;
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59954718
复制相关文章
腾讯云开发者
