如何解决图例图像周围的彩色边框
我有一个带有图例的图表,按照文档中的示例替换了它的符号。看起来像这样:
var marker = chart.legend.markers.template;
marker.disposeChildren();
let dollar = marker.createChild(am4core.Image);
dollar.width = 40;
dollar.height = 40;
dollar.verticalCenter = "top";
dollar.horizontalCenter = "left";
dollar.strokeWidth = 2;
dollar.strokeOpacity = 1;
dollar.adapter.add("href",function (href: any,target: any) {
return `http://host.com?id=${target.dataItem.dataContext.dummyData.value`;
});
这有效,我的图像显示了一些小脸:)-我想在该系列相同颜色的图像周围添加边框,以便您可以在该系列的图例中标识标记。但是我找不到合适的设置来使它成为现实。
这可能吗?
编辑- 因此,我尝试了以下尝试,并取得了不错的成绩。这有点hacky,所以可能会有更好的方法。如果没有,我想这行得通。
//marker.disposeChildren(); <= don't do this
marker.width = "50px";
marker.height = "50px";
基本上,原始标记保留在图像的后面。必须将标记变大,以便突出并创建伪边框。
解决方法
我要自己回答这个问题,因为我有一个可行的解决方案,没有人回答:)
上面的编辑完成了所需的工作。看起来不是很好的解决方案,图像周围的边框应该是可行的。但这就能得到我们想要的东西。
解决方案:
使标记大于图像 将图像放在标记上方
在这种情况下,我们不会删除标记的子元素,就像amchart4上显示的示例代码一样,因为您需要它。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。