html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

button {

    margin: 10px 0 0 10px;

}

var chart;

var csvSettings;

anychart.onDocumentReady(function () {

    chart = anychart.bar();

​

    chart.rangeBar([

        {x: 'Development', low: Date.UTC(2000, 1, 1), high: Date.UTC(2002, 2, 15)},

        {x: 'Internal Testing', low: Date.UTC(2001, 6, 1), high: Date.UTC(2003, 7, 1), fill: '#1976D2'},

        {x: 'Field Tests', low: Date.UTC(2002, 2, 25), high: Date.UTC(2003, 7, 1), fill: '#EF6C00'},

        {x: 'Licensing', low: Date.UTC(2003, 7, 1), high: Date.UTC(2004, 7, 1), fill: '#FFD54F'}

    ]);

    chart.width('100%').height('95%');

    chart.title('Save chart as CSV file');

    chart.container('container');

    chart.draw();

});

​

function saveAsCsv() {

​

    // Save into CSV file.

    chart.saveAsCsv('raw', csvSettings, 'ChartCSV');

​

}

​

csvSettings = {

    formats: function(header, val) {

        if (header == 'low' || header == 'high')

            return anychart.format.dateTime(val, 'yyyy-MMM-dd');

        return val;

    }

};