Amcharts.js disabling my ammap's legend

66 views Asked by At

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.

0

There are 0 answers