html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

var dataSet = anychart.data.set([

  {id: 'US-MN', name: "Minnesota", 'value': 8.4},

  {id: 'US-MT', name: "Montana", 'value': 8.5},

  {id: 'US-ND', name: "North Dakota", 'value': 5.1},

  {id: 'US-ID', name: "Idaho", 'value': 8.0},

  {id: 'US-WA', name: "Washington", 'value': 13.1},

  {id: 'US-AZ', name: "Arizona", 'value': 9.7},

  {id: 'US-CA', name: "California", 'value': 14.0},

  {id: 'US-CO', name: "Colorado", 'value': 8.7},

]);

​

var dataSet_expansion = anychart.data.set([

  {id: 'US-UT', name: "Utah"},

  {id: 'US-WY', name: "Wyoming"},

  {id: 'US-AR', name: "Arkansas"},

  {id: 'US-IA', name: "Iowa"},

  {id: 'US-KS', name: "Kansas"},

  {id: 'US-MO', name: "Missouri"},

]);

​

anychart.onDocumentReady(function() {

  map = anychart.map();

​

  //set map Geo data

  map.geoData(anychart.maps.usa_mainland);

  var colorRange = map.colorRange();

  colorRange.enabled(true);

  colorRange.labels().padding(3);

​

  colorRange.stroke('#B9B9B9');

  colorRange.ticks().stroke('#B9B9B9').position('outside').length(10).enabled(true);

  colorRange.minorTicks().stroke('#B9B9B9').position('outside').length(5).enabled(true);

  colorRange.marker().fill('#D98026').offsetY(0);

  var series = map.choropleth(dataSet);

  series.geoIdField('iso_3166_2');

  series.colorScale(anychart.scales.linearColor());

  series.hoverFill('#FF9933');

  series.name('Sales of ACME Corp.');

  series.hoverStroke(anychart.color.darken('#F79430'));

  series.selectFill('#663300');

  series.selectStroke(anychart.color.darken('#663300'));

  series.labels().fontSize(10).fontColor('#212121').format(function(){

    return (this.name+'\n'+this.value);

  });

  series.tooltip().textWrap('byLetter').useHtml(true);

  series.tooltip().format(function() {

    return '<span style="font-size: 13px">' + '$ ' + this.value + 'm </span>';

  });

  series.colorScale(anychart.scales.linearColor('#E08529', '#753D05'));

  // second series

  var series_exp = map.choropleth(dataSet_expansion);

  series_exp.geoIdField('iso_3166_2');

  series_exp.hoverFill('#99FF66');

  series_exp.name('Sales of ACME Corp.');

  series_exp.hoverStroke(anychart.color.darken('#8FF05C'));

  series_exp.selectFill('#336600');

  series_exp.selectStroke(anychart.color.darken('#336600'));

  series_exp.fill('#75C942');

  series_exp.labels().fontSize(10).fontColor('#212121').format(function(){

    return this.name;

  });

  // some legend settings

  map.legend(true);

  series.legendItem().iconFill('#D98026');

  series.legendItem().iconType("circle");

  series_exp.legendItem().iconFill('#75C942');

  series_exp.legendItem().iconType("circle");

  map.container('container');

  map.draw();

});