html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  // This sample uses 3rd party proj4 component

  // that makes it possible to set coordinates

  // for the points and labels on the map and

  // required for custom projections and grid labels formatting.

  // See https://docs.anychart.com/7.14.3/Maps/Map_Projections

    var dataSet = anychart.data.set([

{'id': 'AU.WA', 'value': 300},  // Western Australia

{'id': 'AU.NS', 'value': 240},  // New South Wales

{'id': 'AU.VI', 'value': 75},   // Victoria

{'id': 'AU.NT', 'value': 130},  // Northern Territory

{'id': 'AU.TS', 'value': 190},  // Tasmania

{'id': 'AU.CT', 'value': 150}, // Australian Capital Territory

​

    ]);

​

    // create map

    var map = anychart.map();

    map.geoData(anychart.maps.australia);

​

    // set the title and its preferences

    map.title('Ordinal Color Scale');

​

    // set the series

    var series = map.choropleth(dataSet);

    series.geoIdField('code_hasc');

​

    // disable the labels

    series.labels(false);

​

    // stroke disable

    series.stroke("2 gray 0.4");

​

    // set the colors and ranges for the scale

    series.colorScale(anychart.scales.ordinalColor([{less:200,color:'#EC6E07'},{from:200, to:250, color:'#A1958A'},{greater:250, color:'#64B5F6'}]));

​

    // set the container

    map.container('container');

    map.draw();

});