html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

  var dataTable1 = anychart.data.table();

  dataTable1.addData(get_dji_daily_short_data());

  var dataTable2 = anychart.data.table();

  dataTable2.addData(get_msft_daily_short_data());

  var dataTable3 = anychart.data.table();

  dataTable3.addData(get_orcl_daily_short_data());

​

  var chart = anychart.stock();

​

  var plot1 = chart.plot(0);

  plot1.line(dataTable1.mapAs({value: 1}));

  var plot2 = chart.plot(1);

  plot2.line(dataTable2.mapAs({value: 1}));

  var plot3 = chart.plot(2);

  plot3.line(dataTable3.mapAs({value: 1}));

​

  chart.title('Splitters are enabled');

​

  // Paying attention on splitters position.

  chart.splitters().stroke('5 red');

​

  chart.container('container');

  chart.draw();

​

  setInterval(function() {

    var enabledState = chart.splitters().enabled();

    chart.splitters().enabled(!enabledState);

​

    var titleText = 'Splitters are ' + (enabledState ? 'disabled' : 'enabled');

    chart.title(titleText);

  }, 500)

});