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();

});