html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

const jsonData = '[[{"x":"A","value":0,"selectionDimNo":0,"qElemNo":5,"name":"A"},{"x":"B","value":0,"selectionDimNo":0,"qElemNo":6,"name":"B"},{"x":"C","value":0,"selectionDimNo":0,"qElemNo":7,"name":"C"},{"x":"Change 1","value":0,"selectionDimNo":0,"qElemNo":1,"name":"Change 1"},{"x":"Change 2","value":0,"selectionDimNo":0,"qElemNo":2,"name":"Change 2"},{"x":"Change 4","value":0,"selectionDimNo":0,"qElemNo":3,"name":"Change 4"},{"x":"Change 5","value":0,"selectionDimNo":0,"qElemNo":4,"name":"Change 5"},{"x":"D","value":0,"selectionDimNo":0,"qElemNo":8,"name":"D"},{"x":"E","value":0,"selectionDimNo":0,"qElemNo":9,"name":"E"},{"x":"F","value":0,"selectionDimNo":0,"qElemNo":10,"name":"F"},{"x":"G","value":0,"selectionDimNo":0,"qElemNo":11,"name":"G"},{"x":"H","value":0,"selectionDimNo":0,"qElemNo":12,"name":"H"},{"x":"I","value":0,"selectionDimNo":0,"qElemNo":13,"name":"I"},{"x":"Total Forecast","value":0,"selectionDimNo":0,"qElemNo":0,"name":"Total Forecast"}],[{"x":"A","value":0,"selectionDimNo":0,"qElemNo":5,"name":"A"},{"x":"B","value":0,"selectionDimNo":0,"qElemNo":6,"name":"B"},{"x":"C","value":-8,"selectionDimNo":0,"qElemNo":7,"name":"C"},{"x":"Change 1","value":0,"selectionDimNo":0,"qElemNo":1,"name":"Change 1"},{"x":"Change 2","value":-40,"selectionDimNo":0,"qElemNo":2,"name":"Change 2"},{"x":"Change 4","value":0,"selectionDimNo":0,"qElemNo":3,"name":"Change 4"},{"x":"Change 5","value":0,"selectionDimNo":0,"qElemNo":4,"name":"Change 5"},{"x":"D","value":0,"selectionDimNo":0,"qElemNo":8,"name":"D"},{"x":"E","value":0,"selectionDimNo":0,"qElemNo":9,"name":"E"},{"x":"F","value":0,"selectionDimNo":0,"qElemNo":10,"name":"F"},{"x":"G","value":0,"selectionDimNo":0,"qElemNo":11,"name":"G"},{"x":"H","value":0,"selectionDimNo":0,"qElemNo":12,"name":"H"},{"x":"I","value":0,"selectionDimNo":0,"qElemNo":13,"name":"I"},{"x":"Total Forecast","value":88,"selectionDimNo":0,"qElemNo":0,"name":"Total Forecast"}],[{"x":"A","value":-3,"selectionDimNo":0,"qElemNo":5,"name":"A"},{"x":"B","value":-5,"selectionDimNo":0,"qElemNo":6,"name":"B"},{"x":"C","value":0,"selectionDimNo":0,"qElemNo":7,"name":"C"},{"x":"Change 1","value":0,"selectionDimNo":0,"qElemNo":1,"name":"Change 1"},{"x":"Change 2","value":0,"selectionDimNo":0,"qElemNo":2,"name":"Change 2"},{"x":"Change 4","value":21,"selectionDimNo":0,"qElemNo":3,"name":"Change 4"},{"x":"Change 5","value":0,"selectionDimNo":0,"qElemNo":4,"name":"Change 5"},{"x":"D","value":0,"selectionDimNo":0,"qElemNo":8,"name":"D"},{"x":"E","value":0,"selectionDimNo":0,"qElemNo":9,"name":"E"},{"x":"F","value":-15,"selectionDimNo":0,"qElemNo":10,"name":"F"},{"x":"G","value":0,"selectionDimNo":0,"qElemNo":11,"name":"G"},{"x":"H","value":0,"selectionDimNo":0,"qElemNo":12,"name":"H"},{"x":"I","value":0,"selectionDimNo":0,"qElemNo":13,"name":"I"},{"x":"Total Forecast","value":46,"selectionDimNo":0,"qElemNo":0,"name":"Total Forecast"}],[{"x":"A","value":0,"selectionDimNo":0,"qElemNo":5,"name":"A"},{"x":"B","value":0,"selectionDimNo":0,"qElemNo":6,"name":"B"},{"x":"C","value":0,"selectionDimNo":0,"qElemNo":7,"name":"C"},{"x":"Change 1","value":-63,"selectionDimNo":0,"qElemNo":1,"name":"Change 1"},{"x":"Change 2","value":0,"selectionDimNo":0,"qElemNo":2,"name":"Change 2"},{"x":"Change 4","value":20,"selectionDimNo":0,"qElemNo":3,"name":"Change 4"},{"x":"Change 5","value":0,"selectionDimNo":0,"qElemNo":4,"name":"Change 5"},{"x":"D","value":0,"selectionDimNo":0,"qElemNo":8,"name":"D"},{"x":"E","value":0,"selectionDimNo":0,"qElemNo":9,"name":"E"},{"x":"F","value":0,"selectionDimNo":0,"qElemNo":10,"name":"F"},{"x":"G","value":-10,"selectionDimNo":0,"qElemNo":11,"name":"G"},{"x":"H","value":0,"selectionDimNo":0,"qElemNo":12,"name":"H"},{"x":"I","value":0,"selectionDimNo":0,"qElemNo":13,"name":"I"},{"x":"Total Forecast","value":101,"selectionDimNo":0,"qElemNo":0,"name":"Total Forecast"}],[{"x":"A","value":0,"selectionDimNo":0,"qElemNo":5,"name":"A"},{"x":"B","value":0,"selectionDimNo":0,"qElemNo":6,"name":"B"},{"x":"C","value":0,"selectionDimNo":0,"qElemNo":7,"name":"C"},{"x":"Change 1","value":0,"selectionDimNo":0,"qElemNo":1,"name":"Change 1"},{"x":"Change 2","value":0,"selectionDimNo":0,"qElemNo":2,"name":"Change 2"},{"x":"Change 4","value":0,"selectionDimNo":0,"qElemNo":3,"name":"Change 4"},{"x":"Change 5","value":0,"selectionDimNo":0,"qElemNo":4,"name":"Change 5"},{"x":"D","value":0,"selectionDimNo":0,"qElemNo":8,"name":"D"},{"x":"E","value":-5,"selectionDimNo":0,"qElemNo":9,"name":"E"},{"x":"F","value":0,"selectionDimNo":0,"qElemNo":10,"name":"F"},{"x":"G","value":0,"selectionDimNo":0,"qElemNo":11,"name":"G"},{"x":"H","value":0,"selectionDimNo":0,"qElemNo":12,"name":"H"},{"x":"I","value":0,"selectionDimNo":0,"qElemNo":13,"name":"I"},{"x":"Total Forecast","value":38,"selectionDimNo":0,"qElemNo":0,"name":"Total Forecast"}],[{"x":"A","value":0,"selectionDimNo":0,"qElemNo":5,"name":"A"},{"x":"B","value":0,"selectionDimNo":0,"qElemNo":6,"name":"B"},{"x":"C","value":0,"selectionDimNo":0,"qElemNo":7,"name":"C"},{"x":"Change 1","value":0,"selectionDimNo":0,"qElemNo":1,"name":"Change 1"},{"x":"Change 2","value":0,"selectionDimNo":0,"qElemNo":2,"name":"Change 2"},{"x":"Change 4","value":0,"selectionDimNo":0,"qElemNo":3,"name":"Change 4"},{"x":"Change 5","value":4,"selectionDimNo":0,"qElemNo":4,"name":"Change 5"},{"x":"D","value":-4,"selectionDimNo":0,"qElemNo":8,"name":"D"},{"x":"E","value":0,"selectionDimNo":0,"qElemNo":9,"name":"E"},{"x":"F","value":0,"selectionDimNo":0,"qElemNo":10,"name":"F"},{"x":"G","value":0,"selectionDimNo":0,"qElemNo":11,"name":"G"},{"x":"H","value":0,"selectionDimNo":0,"qElemNo":12,"name":"H"},{"x":"I","value":0,"selectionDimNo":0,"qElemNo":13,"name":"I"},{"x":"Total Forecast","value":0,"selectionDimNo":0,"qElemNo":0,"name":"Total Forecast"}],[{"x":"A","value":0,"selectionDimNo":0,"qElemNo":5,"name":"A"},{"x":"B","value":0,"selectionDimNo":0,"qElemNo":6,"name":"B"},{"x":"C","value":0,"selectionDimNo":0,"qElemNo":7,"name":"C"},{"x":"Change 1","value":0,"selectionDimNo":0,"qElemNo":1,"name":"Change 1"},{"x":"Change 2","value":0,"selectionDimNo":0,"qElemNo":2,"name":"Change 2"},{"x":"Change 4","value":0,"selectionDimNo":0,"qElemNo":3,"name":"Change 4"},{"x":"Change 5","value":31,"selectionDimNo":0,"qElemNo":4,"name":"Change 5"},{"x":"D","value":0,"selectionDimNo":0,"qElemNo":8,"name":"D"},{"x":"E","value":0,"selectionDimNo":0,"qElemNo":9,"name":"E"},{"x":"F","value":0,"selectionDimNo":0,"qElemNo":10,"name":"F"},{"x":"G","value":0,"selectionDimNo":0,"qElemNo":11,"name":"G"},{"x":"H","value":-10,"selectionDimNo":0,"qElemNo":12,"name":"H"},{"x":"I","value":0,"selectionDimNo":0,"qElemNo":13,"name":"I"},{"x":"Total Forecast","value":0,"selectionDimNo":0,"qElemNo":0,"name":"Total Forecast"}],[{"x":"A","value":0,"selectionDimNo":0,"qElemNo":5,"name":"A"},{"x":"B","value":0,"selectionDimNo":0,"qElemNo":6,"name":"B"},{"x":"C","value":0,"selectionDimNo":0,"qElemNo":7,"name":"C"},{"x":"Change 1","value":0,"selectionDimNo":0,"qElemNo":1,"name":"Change 1"},{"x":"Change 2","value":0,"selectionDimNo":0,"qElemNo":2,"name":"Change 2"},{"x":"Change 4","value":0,"selectionDimNo":0,"qElemNo":3,"name":"Change 4"},{"x":"Change 5","value":39,"selectionDimNo":0,"qElemNo":4,"name":"Change 5"},{"x":"D","value":0,"selectionDimNo":0,"qElemNo":8,"name":"D"},{"x":"E","value":0,"selectionDimNo":0,"qElemNo":9,"name":"E"},{"x":"F","value":0,"selectionDimNo":0,"qElemNo":10,"name":"F"},{"x":"G","value":0,"selectionDimNo":0,"qElemNo":11,"name":"G"},{"x":"H","value":0,"selectionDimNo":0,"qElemNo":12,"name":"H"},{"x":"I","value":-12,"selectionDimNo":0,"qElemNo":13,"name":"I"},{"x":"Total Forecast","value":0,"selectionDimNo":0,"qElemNo":0,"name":"Total Forecast"}],[{"x":"A","value":0,"selectionDimNo":0,"qElemNo":5,"name":"A"},{"x":"B","value":0,"selectionDimNo":0,"qElemNo":6,"name":"B"},{"x":"C","value":0,"selectionDimNo":0,"qElemNo":7,"name":"C"},{"x":"Change 1","value":0,"selectionDimNo":0,"qElemNo":1,"name":"Change 1"},{"x":"Change 2","value":0,"selectionDimNo":0,"qElemNo":2,"name":"Change 2"},{"x":"Change 4","value":0,"selectionDimNo":0,"qElemNo":3,"name":"Change 4"},{"x":"Change 5","value":0,"selectionDimNo":0,"qElemNo":4,"name":"Change 5"},{"x":"D","value":0,"selectionDimNo":0,"qElemNo":8,"name":"D"},{"x":"E","value":0,"selectionDimNo":0,"qElemNo":9,"name":"E"},{"x":"F","value":0,"selectionDimNo":0,"qElemNo":10,"name":"F"},{"x":"G","value":0,"selectionDimNo":0,"qElemNo":11,"name":"G"},{"x":"H","value":0,"selectionDimNo":0,"qElemNo":12,"name":"H"},{"x":"I","value":0,"selectionDimNo":0,"qElemNo":13,"name":"I"},{"x":"Total Forecast","value":0,"selectionDimNo":0,"qElemNo":0,"name":"Total Forecast"}]]';

const data = JSON.parse(jsonData);

​

​

    // create a waterfall chart

    const chart = anychart.waterfall();

    data.forEach(series => chart.addSeries(series));

    chart.stackLabels({ fontColor: 'red' });

    // Когда ось отключена, все stackLabels не обновляют своё положение после смены yScale.

    // Когда ось включена, не обновляют своё положение после смены yScale только те stackLabels, бары которых выходят за пределы шкалы.

    chart.yAxis(false);

​

    chart.container("container");

    chart.draw();

    document.getElementById('button').onclick = () => chart.yScale({ minimum: -50, maximum: null });

    document.getElementById('button2').onclick = () => chart.yScale({ minimum: null, maximum: null });

});