html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    waterfall1 = anychart.waterfall();

    set2 = new anychart.data.set();

    set2.data([{x: 'Start',value: '23'},{x: 'Jan',value: '22'},{x: 'Feb',value: '-46'},{x: 'Mar',value: '-91'},{x: 'Apr',value: '37'},{x: 'May',value: '-21'},{x: 'Jun',value: '53'},{x: 'Jul',value: '31'},{x: 'Aug',value: '-15'},{x: 'Sep',value: '42'},{x: 'Oct',value: '53'},{x: 'Nov',value: '-15'},{x: 'Dec',value: '51'},{isTotal: 'true',x: 'End'}]);

    waterfall3 = waterfall1.waterfall(set2, );

    //stateSettings4 = waterfall3.normal();

    //stateSettings4.fill('0.3 #ff6666');

    //stateSettings5 = waterfall3.normal();

    //stateSettings5.hatchFill('forward-diagonal', '#ff6666', 0.5, 10);

    //stateSettings6 = waterfall3.normal();

    //stateSettings6.stroke('#ff6666');

    //stateSettings7 = waterfall3.hovered();

    //stateSettings7.fill('0.1 #ff6666');

    //stateSettings8 = waterfall3.hovered();

    //stateSettings8.hatchFill('forward-diagonal', '#ff6666', 0.5, 10);

    //stateSettings9 = waterfall3.hovered();

    //stateSettings9.stroke('2 #ff6666');

    //stateSettings10 = waterfall3.selected();

    //stateSettings10.fill('#ff6666', 0.5);

    //stateSettings11 = waterfall3.selected();

    //stateSettings11.hatchFill('forward-diagonal', '#ff6666', 0.5, 10);

    //stateSettings12 = waterfall3.selected();

    //stateSettings12.stroke('4 #ff6666');

    //stateSettings13 = waterfall3.normal();

    //base14 = stateSettings13.fallingFill('#00cc99', 0.3);

    //stateSettings15 = waterfall3.normal();

    //stateSettings15.fallingStroke('#00cc99', 1, '10 5', 'round', 'null');

    //stateSettings16 = waterfall3.hovered();

    //base17 = stateSettings16.fallingFill('#00cc99', 0.1);

    //stateSettings18 = waterfall3.hovered();

    //stateSettings18.fallingStroke('#00cc99', 2, '10 5', 'round', 'null');

    //stateSettings19 = waterfall3.selected();

    //base20 = stateSettings19.fallingFill('#00cc99', 0.5);

    //stateSettings21 = waterfall3.selected();

    //stateSettings21.fallingStroke('#00cc99', 4, '10 5', 'round', 'null');

    //stateSettings22 = waterfall3.normal();

    //base23 = stateSettings22.risingFill('#0066cc', 0.3);

    //stateSettings24 = waterfall3.normal();

    //stateSettings24.risingStroke('#0066cc');

    //stateSettings25 = waterfall3.hovered();

    //base26 = stateSettings25.risingFill('#0066cc', 0.1);

    //stateSettings27 = waterfall3.hovered();

    //stateSettings27.risingStroke('2 #0066cc');

    //stateSettings28 = waterfall3.selected();

    //base29 = stateSettings28.risingFill('#0066cc', 0.5);

    //stateSettings30 = waterfall3.selected();

    //stateSettings30.risingStroke('4 #0066cc');

    waterfall1.title('Waterfall Chart: Appearance');

​

    // set the container id

    waterfall1.container("container");

​

    // initiate drawing the chart

    waterfall1.draw();

});