图例图像周围的彩色边框

Question

我有一个带有图例的图表，我根据文档中的示例替换了图例的符号。它看起来像这样：

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";

基本上原始标记保留在图像后面。标记必须做得更大，以便突出并创建伪边框。

Answer 1

我要自己回答这个问题，因为我有一个可行的解决方案，但没有人回答 :)

上面的编辑完成了所需的工作。看起来不是一个很好的解决方案，图像周围的边框应该是可行的。但这让我们得到了我们想要的。

解决方案：

使标记比图像大将图片放在标记上方

在这种情况下，我们不会删除标记的子元素，如 amchart4 上的示例代码所示，因为您需要它。

图例图像周围的彩色边框

Colored Border Around Legend Image

legend

amcharts4