Amcharts.js disabling my ammap's legend

Question

so im using both ammap and amcharts in one page. the problem is, the amcharts.js always disabling my ammap's legend and make it invisible.

how do i solve this?

amcharts legend settings :

        "legend": {
        "width" : "100%",
        "maxRows": 1,
        "position": "bottom",
        // "useGraphSettings": true,
        "markerSize": 10,
        "align" : "center",

    },

ammap legend settings :

        "legend" : {
        "width": "30%",
        "useGraphSettings": true,
        "marginRight": 27,
        "marginLeft": 27,
        "equalWidths": false,
        "backgroundAlpha": 0.2,
        "backgroundColor": "#000000",
        "borderColor": "#ffffff",
        "top": 450,
        "left": 0,
        "horizontalGap": 10,
        "data": [ {
            "title": "Negeri",
            "color": "#BF55EC",

            // "customMarker": "https://www.amcharts.com/lib/3/images/car.png"
        }, {
            "title": "Swasta",
            "color": "#32C5D2",
            "border" : "#000000"
        } ],
    }

but i dont think the problem lies in my codes. whenever i commented out amcharts.js it's working again.