html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  // create a data set

  var data = anychart.data.set([

    ["Winter", 20000, 40000, 20000],

    ["Spring", 20000, 40000, 40000],

    ["Summer", 40000, 30000, 30000],

    ["Autumn", 20000, 20000, 40000]

  ]);

​

  // map the data

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

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

  var seriesData_3 = data.mapAs({x: [0], value: [3]});

​

  // create a chart

  var chart = anychart.bar();

​

  // enable the percent stacking mode

  chart.yScale().stackMode("percent");

​

  // create area series, set the data

  var series1 = chart.bar(seriesData_1);

  var series2 = chart.bar(seriesData_2);

  var series3 = chart.bar(seriesData_3);

​

  // configure tooltips

  chart.tooltip().format("{%yPercentOfCategory}{decimalCount:2}%");

​

  // configure labels on the Y-axis

  chart.yAxis().labels().format("{%Value}%");

​

  // set the chart title

  chart.title("Percent Stacked Bar Chart");

​

  // set the container id

  chart.container("container");

​

  // initiate drawing the chart

  chart.draw();

});