html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // create data

    var data = [

      ["Jan", 10],

      ["Feb", 15],

      ["Mar", 18],

      ["Apr", 23],

      ["May", 10],

      ["Jun", 5],

      ["Jul", 8],

      ["Aug", 3],

      ["Sep", -10],

      ["Oct", -15],

      ["Nov", 18],

      ["Dec", 21]

    ];

​

    // set the chart type

    var chart = anychart.column();

​

    // set the series type and data

    series = chart.column(data);

​

    // set custom coloring functions

    series.fill(coloringFunction);

    series.stroke('1 Black');

​

    // set the chart title

    chart.title("Rising Falling Coloring");

​

    // set the container id

    chart.container("container");

​

    // initiate drawing the chart

    chart.draw();

});

​

// custom color function

function coloringFunction() {

​

  // color the maximal value

  if (this.value == this.series.getStat('seriesMax')) return '#94353C';

​

  // color elements depending on the argument

  var x = this.x;

  if  ((x == 'Jan') || (x == 'Feb') || (x == 'Dec')) return '#B2E3E8';

  if  ((x == 'Jul') || (x == 'Jun') || (x == 'Aug')) return '#D94330';

​

  // get the default otherwise

  return this.sourceColor;

}