Hide/Show 的 Amcharts 项目符号不起作用
Hide/Show of Amcharts bullets doesn't work
我正在使用 amcharts4 创建大型数据图表 (XY)。我想在其中包含两种不同类型的子弹。然后这些不同的类型应该由用户切换on/off。我成功关机了,但没再开机。
由于我的真实用例加载了大量(!)数据,我以一种不寻常的方式实现了项目符号以保持性能:项目符号被禁用,然后使用 propertyfield.disabled.
启用
var smallBullet11 = series1.bullets.push(new am4charts.LabelBullet());
smallBullet11.disabled = true;
smallBullet11.propertyFields.disabled = "hideBullet1";
结果我可以躲了,后来又不显示子弹了。
完整示例如下:https://jsfiddle.net/9uwgp85s/
先点击 "Hide X-Bullets"(有效),然后点击 "Show X-Bullets"(无效)。
有没有人知道如何再次打开子弹?
感谢任何提示!
您需要对单个项目符号调用 show
/hide
,例如:
function hidebullets() {
smallBullet11.clones.each(function(bullet) {
bullet.hide();
});
}
function showbullets() {
smallBullet11.clones.each(function(bullet) {
bullet.show();
});
}
您可能还会找到 minBulletDistance
property helpful in improving performance on a line chart with a ton of bullets. It allows you to specify a minimum distance between each point before a bullet is drawn; the larger the distance, the fewer the bullets that will get drawn until you zoom in. You can find more performance tips like this one here。
我正在使用 amcharts4 创建大型数据图表 (XY)。我想在其中包含两种不同类型的子弹。然后这些不同的类型应该由用户切换on/off。我成功关机了,但没再开机。
由于我的真实用例加载了大量(!)数据,我以一种不寻常的方式实现了项目符号以保持性能:项目符号被禁用,然后使用 propertyfield.disabled.
启用var smallBullet11 = series1.bullets.push(new am4charts.LabelBullet());
smallBullet11.disabled = true;
smallBullet11.propertyFields.disabled = "hideBullet1";
结果我可以躲了,后来又不显示子弹了。
完整示例如下:https://jsfiddle.net/9uwgp85s/
先点击 "Hide X-Bullets"(有效),然后点击 "Show X-Bullets"(无效)。
有没有人知道如何再次打开子弹?
感谢任何提示!
您需要对单个项目符号调用 show
/hide
,例如:
function hidebullets() {
smallBullet11.clones.each(function(bullet) {
bullet.hide();
});
}
function showbullets() {
smallBullet11.clones.each(function(bullet) {
bullet.show();
});
}
您可能还会找到 minBulletDistance
property helpful in improving performance on a line chart with a ton of bullets. It allows you to specify a minimum distance between each point before a bullet is drawn; the larger the distance, the fewer the bullets that will get drawn until you zoom in. You can find more performance tips like this one here。