javascript - 如何将 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 过滤器，您可以遵循这个官方教程。