html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var dataTable = anychart.data.table();

    // data comes from the function in https://cdn.anychart.com/csv-data/dji-daily-short.js

    dataTable.addData(get_dji_daily_short_data());

​

    var chart = anychart.stock();

​

    chart.plot(0).area(dataTable.mapAs({value: 1}));

    chart.plot(0).area(dataTable.mapAs({value: 2}));

    chart.plot(0).area(dataTable.mapAs({value: 3}));

    chart.plot(0).area(dataTable.mapAs({value: 4}));

​

    // set y scale stack mode to percent

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

​

    // set minimum and maximum

    chart.plot(0).yScale().minimum(0).maximum(100);

​

    // format axis to show percents

    chart.plot(0).yAxis().labels().format("{%value}%");

​

    chart.title("Percent Stack Mode in Percent Charts");

    chart.container("container");

    chart.draw();

​

    chart.selectRange("ytd");        

});