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: 'FR.AO', title: 'Strasbourg', value: 928},

        {id: 'FR.AC', title: 'Bordeaux', value: 192},

        {id: 'FR.AR', title: 'Lyon', value: 963},

        {id: 'FR.PL', title: 'Nantes', value: 266},

        {id: 'FR.BF', title: 'Dijon', value: 518},

        {id: 'FR.BT', title: 'Rennes', value: 324}

    ]);

​

    var map = anychart.map();

    map.geoData(anychart.maps.france);

​

    var series = map.choropleth(dataSet);

​

    map.title('Set point translation');

    map.container('container');

    map.draw();

​

    // 'FR.AO' point.

    var point = series.getPoint(0);

​

    // Set point translation.

    point.translation(20, 30);

});