Seoul

FAKE(json({
    ["노원구", 10], ["도봉구", 50], ["강북구", 90],
    ["성북구", 20], ["종로구", 10], ["서대문구", 40],
    ["은평구", 90], ["마포구", 60], ["강서구", 20],
    ["양천구", 55], ["구로구", 75], ["영등포구", 35],
    ["중구", 100], ["용산구", 20], ["성동구", 65],
    ["광진구", 25], ["동대문구", 10], ["중랑구", 70],
    ["강동구", 10], ["송파구", 30], ["강남구", 50],
    ["서초구", 50], ["동작구", 90], ["관악구", 70], ["금천구", 90]
}))

MAPVALUE(0, dict("name", value(0), "value", value(1)))
POPVALUE(1)
CHART(
    chartOption({
        title:{ text: "GEOJSON - Seoul"},
        tooltip: { trigger: "item", formatter: "{b}<br/>{c} %"},
        visualMap: {
            min: 0,
            max: 100,
            text: ["100%", "0%"],
            realtime: false,
            calculable: true,
            inRange: {
                color: [ "#89b6fe", "#25529a"]
            },
        },
        series: []
    }),
    chartJSCode({
        fetch("https://docs.machbase.com/assets/example/seoul_gu.json"
        ).then( function(rsp) {
            return rsp.json();
        }).then( function(seoulJSON) {
            echarts.registerMap("seoul_gu", seoulJSON);
            _chartOption.geo = {
                map: "seoul_gu",
                zoom: 1.2,
                roam: true,
                itemStyle: {
                    areaColor: "#e7e8ea"
                }
            };
            _chartOption.series[0] ={
                type: "map",
                geoIndex: 0,
                data: _column_0
            };
            _chart.setOption(_chartOption);
        }).catch(function(err){
            console.warn("geojson error", err)
        });
    })
)