html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    // This sample uses 3rd party Proj4js JavaScript library to transform coordinates

    // See https://docs.anychart.com/Maps/Map_Projections to learn more.

​

    var dataSet = anychart.data.set([

        {"id": "67482", "value": 928},

        {"id": "33063", "value": 192},

        {"id": "63113", "value": 963},

        {"id": "14118", "value": 266},

        {"id": "21231", "value": 518},

        {"id": "35238", "value": 324},

        {"id": "45234", "value": 767},

        {"id": "51108", "value": 478},

        {"id": "2A004", "value": 456},

        {"id": "25056", "value": 477},

        {"id": "97105", "value": 200},

        {"id": "97302", "value": 945},

        {"id": "76540", "value": 669},

        {"id": "75056", "value": 153},

        {"id": "34172", "value": 548},

        {"id": "97411", "value": 184},

        {"id": "87085", "value": 796},

        {"id": "57463", "value": 929},

        {"id": "97209", "value": 216},

        {"id": "97608", "value": 466},

        {"id": "31555", "value": 212},

        {"id": "59350", "value": 762},

        {"id": "44109", "value": 772},

        {"id": "80021", "value": 908},

        {"id": "86194", "value": 413},

        {"id": "13055", "value": 627},

        {"id": "69123", "value": 676}

    ]);

​

    var chart = anychart.map();

​

    chart.geoData('anychart.maps.france');

    chart.geoIdField("insee_cl");

​

    var series = chart.choropleth(dataSet);

    series.labels({fontSize: 18});

​

    // Get overlap mode.

    var mode = series.overlapMode();

​

    chart.title("Overlap mode is " + mode);

    chart.container("container");

    chart.draw();

});