html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

  // data

  var data = anychart.data.set([

    [Date.UTC(2010, 0, 01), 10000],

    [Date.UTC(2010, 1, 01), 12000],

    [Date.UTC(2010, 2, 01), 18000],

    [Date.UTC(2010, 3, 01), 11000],

    [Date.UTC(2010, 4, 01), 9000],

    [Date.UTC(2010, 5, 01), 12000],

    [Date.UTC(2010, 6, 01), 15000],

    [Date.UTC(2010, 7, 01), 16000],

    [Date.UTC(2010, 8, 01), 13000],

    [Date.UTC(2010, 9, 01), 19000],

    [Date.UTC(2010, 10, 01), 12000],

    [Date.UTC(2010, 11, 01), 14000],

    [Date.UTC(2010, 11, 31), 13000]

  ]);

​

  // chart type

  var chart = anychart.financial();

​

  var xScale = chart.xScale();

  xScale.minimum(Date.UTC(2009, 11, 31));

  xScale.maximum(Date.UTC(2011, 0, 01));

​

  chart.yScale().minimum(0);

​

  // y axis title

  var yAxis = chart.yAxis();

  yAxis.title("Sales");

​

  // set lowest line marker

  var lineMarker = chart.lineMarker();

  lineMarker.value(9000);

  lineMarker.axis(yAxis);

​

  // divide plot on seasons

  var seasonMarker_1 = chart.lineMarker();

  seasonMarker_1.value(Date.UTC(2010, 2, 01));

  seasonMarker_1.axis(chart.xAxis());

  var seasonMarker_2 = chart.lineMarker();

  seasonMarker_2.value(Date.UTC(2010, 5, 01));

  seasonMarker_2.axis(chart.xAxis());

  var seasonMarker_3 = chart.lineMarker();

  seasonMarker_3.value(Date.UTC(2010, 8, 01));

  seasonMarker_3.axis(chart.xAxis());

  var seasonMarker_4 = chart.lineMarker();

  seasonMarker_4.value(Date.UTC(2010, 11, 01));

  seasonMarker_4.axis(chart.xAxis());

​

  chart.line(data);

  // draw

  chart.container("container");

  chart.draw();

});