图案背景色 amCharts

Question

我正在开发一个小型 JS 应用程序，它使用 amCharts 库。我用的是最新版的amCharts 4，主要是库的地图部分。

我遇到的问题是，当我在某个国家/地区使用 LinePattern 覆盖时，我无法更改背景颜色。

外观：

这就是我想要的样子。基本上将背景设置为一个国家的颜色，将 LinePattern 设置为第二个国家的颜色。

我希望它看起来如何：

我尝试更改 MapPolygonSeries 上的填充颜色、填充值、适配器 returns，但都没有成功。

这是我正在创建此模式的代码。

"series": [{
        "type": "MapPolygonSeries",
        "useGeodata": true,
        "exclude": ["AQ"],

        "mapPolygons": {
            "propertyFields": {
                "fill": "fill",
                "selected": "selected"
            },
            //The adapter, takes care of the pattern
            "adapter": {
                "fill": function (fill, target) {
                    if (target.dataItem.dataContext && target.dataItem.dataContext.selected) {
                        var pattern = new am4core.LinePattern();
                        pattern.width = 5;
                        pattern.height = 5;
                        pattern.stroke = am4core.color("#6f3094");
                        pattern.strokeWidth = 1;
                        pattern.rotation = 45;
                        return pattern;
                    }
                    return fill;
                }
            }
        },

        "data": [{
            "id": "PL",
            "fill": "#6f3094"
        }, {
            "id": "DE",
            "fill": "#eb4034",
            "selected": true,
        }, {
            "id": "SE",
            "fill": "#228B22"    
        }]
    }]

Answer 1

遵循解决方案

    var pattern = new am4core.LinePattern();
    pattern.width = 5;
    pattern.height = 5;
    pattern.stroke = am4core.color("#6f3094");
    pattern.strokeWidth = 1;
    pattern.rotation = 45;
    //Code added - start
    pattern.backgroundFill = am4core.color("green");
    pattern.backgroundOpacity = 1;
    //Code added - end
    return pattern;

图案背景色 amCharts

Pattern background color amCharts

javascript

amcharts4