html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

  // set stage

  var stage = anychart.graphics.create("container");

​

  // set data

  var data_1 = anychart.data.set([

    ["Green", 10000, 30],

    ["Red", 15000, 80],

    ["Herbal", 16000, 50],

    ["Black", 19000, 35],

    ["Berry", 9000, 49]

  ]);

​

  // set data

  var seriesData_1 = data_1.mapAs({x: 0, value: 1});

  var seriesData_2 = data_1.mapAs({x: 0, value: 2});

​

  var data = [

    {id: 'AU.WA', value: 86},

    {id: 'AU.NT', value: 64}

  ];

​

  var map = anychart.map();

  map.geoData(anychart.maps.australia);

  map.choropleth(data);

​

  // Get selected state.

  var state = map.selected();

​

  state.labels({enabled: true, fontColor: 'white'});

​

  map.getSeries(0).select([0]);

​

  // chart size and position

  map.bounds(0, 0, "60%", "100%");

​

  // draw

  map.container(stage);

  map.draw();

​

  //chart 2

​

  // set data

  var data_WA = [

    ["Chocolate", 30120],

    ["Cookies", 5054],

    ["Marshmallows", 10220],

    ["Sweets", 5340],

    ["Macaroons", 13421]

  ];

​

  var data_NT = [

    ["Chocolate", 3120],

    ["Cookies", 5054],

    ["Marshmallows", 10220],

    ["Sweets", 2340],

    ["Macaroons", 3421]

  ];

​

  // set event type

  map.listen("pointClick", function (e) {

    if (e.iterator.get('id') == 'AU.WA') {

      var chart_2 = anychart.pie(data_WA);

    }

    else if (e.iterator.get('id') == 'AU.NT') {

      var chart_2 = anychart.pie(data_NT);

    }

    else {

    }

  });

  var chart_2 = anychart.pie(data_WA);

​

  var labels_2 = chart_2.labels();

  labels_2.fontColor("White");

​

  // chart size and position

  chart_2.bounds("60%", 0, "35%", "100%");

​

  // draw

  chart_2.container(stage);

  chart_2.draw();

​

});