Как применить SVG и фильтры шрифтов к amcharts4?

Question

Я пытаюсь применить фильтры к моему объекту JS, где <%=strKey%> - это имя объекта с динамическим сценарием, поэтому имя меняется на каждой итерации.

        // dynamically writing JS - key value is the chart name
        var <%=strKey%> = am4core.create("<%=strKey%>", am4charts.GaugeChart);      // has to mach the HTML IDs
        <%=strKey%>.innerRadius = am4core.percent(82);    // innerRadius begins at 82%, leaving white-space inside the gauge

Документация содержит только формат JSON. Как бы я применил это к моей реализации?

Я на самом деле пытаюсь заставить тень появиться под полукруглым датчиком. Предложения, пожалуйста?

Answer 1

Вы можете просто использовать DropShadowFilter , чтобы добавить тень на свой график:

chart.filters.push(new am4core.DropShadowFilter());

Вы можете использовать blur, dx и dy, чтобы настроить тень:

var shadow = new am4core.DropShadowFilter();
shadow.blur = 3.5;
shadow.dx = 5;
shadow.dy = 7;
chart.filters.push(shadow);

Здесь - это кодовое перо, показывающее эту тень.Чтобы создать собственный фильтр SVG, вы можете следовать этому официальному руководству .