html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

​

const formatter = (context) => {

    const value = context.diff || context.value || context.absolute

​

    // Sets format for number using object.

    return anychart.format.number(value, {

        scale: {

            'factors': [ 1e6, 1e3],

            'suffixes': ['M', 'K']

        }

    })

}

​

​

const setMillionsData = () => {

    const series1 = chart.getSeries(0);

    const series2 = chart.getSeries(1);

​

​

    const data1 = [{ x: 'Start', value: 1_600_000 },

    { x: 'January', value: 4_300_000 },

    { x: 'February', value: -7_900_000 },

    { x: 'March', value: -4_600_000 },

    { x: 'April', value: 8_400_000 },

    { x: 'End', isTotal: true }]

​

    const data2 = [{ x: 'Start', value: 1600000 },

    { x: 'January', value: 4300000 },

    { x: 'February', value: -7900000 },

    { x: 'March', value: -4600000 },

    { x: 'April', value: 8400000 },

    { x: 'End', isTotal: true }]

    series1.data(data1);

    series2.data(data2);

​

}

anychart.onDocumentReady(function () {

    // Create a Waterfall Chart.

    chart = anychart.waterfall();

​

    chart.addSeries([

        { x: 'Start', value: 1600 },

        { x: 'January', value: 4300 },

        { x: 'February', value: -7900 },

        { x: 'March', value: -4600 },

        { x: 'April', value: 8400 },

        { x: 'End', isTotal: true }

    ])

​

    chart.addSeries([

        { x: 'Start', value: 2600 },

        { x: 'January', value: 4900 },

        { x: 'February', value: -7000 },

        { x: 'March', value: -4100 },

        { x: 'April', value: 8800 },

        { x: 'End', isTotal: true }

    ])

​

​

    chart.getSeries(0).labels().position('center').fontColor('white');

    chart.getSeries(1).labels().position('center').fontColor('white');

​

    chart.stackLabels().enabled(true).format(formatter)

    chart.labels().format(formatter);

    chart.yAxis().labels().format(formatter);

​

    chart.title('Create a Waterfall Chart');

    chart.container('container');

    chart.draw();

});

​