html, body {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

fieldset {

    margin: 10px 0 0 10px;

    border: 0;

}

#container {

    position: absolute;

    width: 100%;

    top: 35px;

    bottom: 0;

}

var plot;

anychart.onDocumentReady(function () {

    var dataTable = anychart.data.table();

    dataTable.addData(get_msft_daily_short_data());

​

    var mapping = dataTable.mapAs({'value': 5});

​

    var chart = anychart.stock();

​

    plot = chart.plot();

​

    // set baseline value

    plot.baseline(250);

​

    // create series

    var series = plot.area(mapping);

    // configure negative / positive colors

    series.normal().negativeFill('#EAECC6');

    series.normal().fill('#2BC0E4');

    series.normal().negativeStroke('3 #EAECC6');

​

    // configure markers

    plot.lineMarker(0).zIndex(1000);

    plot.lineMarker(0).stroke('2 #fa6b71');

    plot.textMarker(0).align("left").anchor("right-center").offsetX(5);

    plot.textMarker(0).fontColor('#fa6b71');

​

    setMarkers(250);

​

    chart.title('Custom baseline value');

    chart.container('container');

    chart.draw();

});

​

// function to change baseline on-the-fly

function changeBaseline(value){

  // change baseline

  plot.baseline(value);  

  // update markers on the plot

  setMarkers(value);

  // update label

  document.getElementById('rangeValLabel').innerHTML = value;  

}

​

// function to set markers value

function setMarkers(value){

    plot.lineMarker(0).value(value);

    plot.textMarker(0).text(value);

    plot.textMarker(0).value(value);

}

​

// function to get data

function get_msft_daily_short_data() {

    return [

        ['2004-01-02', 27.58, 27.77, 27.33, 27.45, 444],

        ['2004-01-05', 27.73, 28.18, 27.72, 28.14, -673],

        ['2004-01-06', 28.19, 28.28, 28.07, 28.24, -469],

        ['2004-01-07', 28.17, 28.31, 28.01, 28.21, -542],

        ['2004-01-08', 28.39, 28.48, 28, 28.16, 588],

        ['2004-01-09', 28.03, 28.06, 27.59, 27.66, 670],

        ['2004-01-12', 27.67, 27.73, 27.35, 27.57, 558],

        ['2004-01-13', 27.55, 27.64, 27.26, 27.43, -515],

        ['2004-01-14', 27.52, 27.73, 27.47, 27.7, -439],

        ['2004-01-15', 27.55, 27.72, 27.42, 27.54, -585],

        ['2004-01-16', 27.71, 27.88, 27.53, 27.81, -639],

        ['2004-01-20', 27.98, 28.2, 27.93, 28.1, 630],

        ['2004-01-21', 28.13, 28.3, 27.85, 28.3, 535],

        ['2004-01-22', 28.36, 28.44, 27.94, 28.01, 784],

        ['2004-01-23', 28.28, 28.76, 28.22, 28.48, -127],

        ['2004-01-24', 28.28, 28.76, 28.22, 28.48, -127],

        ['2004-01-25', 28.28, 28.76, 28.22, 28.48, -127],

        ['2004-01-26', 28.49, 28.83, 28.32, 28.8, -582],

        ['2004-01-27', 28.64, 28.72, 28.22, 28.25, -631],

        ['2004-01-28', 28.3, 28.44, 27.47, 27.71, -713],

        ['2004-01-29', 27.81, 27.95, 27.57, 27.91, -637],

        ['2004-01-30', 27.84, 27.9, 27.55, 27.65, 405],

        ['2004-02-02', 27.61, 27.8, 27.24, 27.4, 628],

        ['2004-02-03', 27.4, 27.55, 27.18, 27.29, -479],

        ['2004-02-04', 27.22, 27.43, 27.01, 27.01, -606],

        ['2004-02-05', 27.06, 27.17, 26.83, 26.96, 555],

        ['2004-02-06', 27.03, 27.19, 26.93, 27.08, 472]

    ];

}