html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

  // chart type

  var chart = anychart.column([

  {x: 'January', value: -10, season:"Winter"},

  {x: 'February', value: -8, season:"Winter"},

  {x: 'March', value: -4, season:"Spring"},

  {x: 'April', value: 1, season:"Spring"},  

  {x: 'May', value: 7, season:"Spring"},  

  {x: 'June', value: 12, season:"Summer"}

    ]);

​

  // set tooltip text template

  var tooltip = chart.getSeries(0).tooltip();

  tooltip.title().text("Content");

  tooltip.format("{%x} is a {%season} month\nLowest temp: {%value}\xb0C");

​

  // set series labels text template

  var seriesLabels = chart.getSeries(0).labels().enabled(true);

  seriesLabels.format("{%x}");

  // format axis labels

  var axisLabels = chart.xAxis().labels();

  axisLabels.useHtml(true);

  axisLabels.format("<b style='color:black;'>{%value}</b>");

​

  // draw

  chart.container("container");

  chart.draw();

});