Amcharts 用圖像填充圓圈

Question

我正在使用 amcharts 庫處理示例。 我希望圖像填充紅色圓圈

這是我試圖做的

  icon.circle.strokeWidth = 0;
  icon.image.properties.width = "100%";
  icon.image.properties.height = "100%";
  icon.image.properties.maxWidth = "100%";
  icon.image.properties.maxHeight = "100%";

這是上傳到codePen的完整代碼片段

Answer 1

我 state 我不精通 amcharts。

在你的例子中，我從

icon.circle.radius = am4core.percent(100);
icon.image.properties.scale = 1;

至

icon.circle.radius = am4core.percent(350);
icon.image.properties.scale = 3.5;

我得到了幾乎要求的結果，帶有漂亮的紅色邊框，將比例增加到大約 3.8，圖像覆蓋了所有紅色表面。

即使沒有它也可以工作。

icon.image.properties.width = "100%";
icon.image.properties.height = "100%";
icon.image.properties.maxWidth = "100%";
icon.image.properties.maxHeight = "100%";

可能在您最終應用該概念時，您需要執行更多計算才能獲得我更改的兩個選項所需的比例......我不能說。

希望能給你一些想法。