圖案背景顏色 amCharts

Question

我正在開發一個使用 amCharts 庫的小型 JS 應用程序。 我使用的是最新版本的 amCharts 4，主要是庫的地圖部分。

我遇到的問題是，當我在某個國家/地區使用 LinePattern 覆蓋時，我無法更改背景顏色。

它的外觀：

這就是我想要的樣子。 基本上將背景設置為一個國家的顏色，將 LinePattern 設置為第二個國家的顏色。

我希望它看起來如何：

我嘗試更改 MapPolygonSeries 上的填充顏色，即適配器返回的填充值，但都沒有成功。

這是我正在創建此模式的代碼。

"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;