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('Hover and drag splitters between plots to see the splitters decoration.');

​

  chart.splitters().normal().stroke({

    color: 'red',

    dash: '3 4',

    thickness: 2,

    opacity: 0.9

  });

​

  chart.splitters().hovered().stroke({

    color: 'blue',

    dash: '3 4',

    thickness: 2,

    opacity: 0.9

  });

​

  chart.splitters().preview().fill({

    color: 'green',

    opacity: 0.5

  });

​

​

​

  chart.container('container');

  chart.draw();

});