动态复选框可用于堆叠/取消堆叠AMCharts 4 XY柱序列/条形图
动态复选框可用于堆叠/取消堆叠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
复制相关文章
点击加载更多
相似问题
Tkinter中的Entry Widget导致的空白
Tkinter文件路径中的文件读取
Tkinter类中entry.get()的问题
Python Tkinter中的Entry.get()错误
限制Tkinter Entry小部件中的值
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
