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上显示的示例代码一样，因为您需要它。

图例图像周围的彩色边框

1 个答案: