html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // create a data set

    var data = anychart.data.set([

      [0.6, 22, 0.5, 105],

      [1.7, 55, 1, 109], 

      [2.3, 50, 2.4, 133],  

      [2.6, 76, 2.9, 116],

      [2.7, 64, 2.4, 119],

      [4, 71, 4.6, 115], 

      [4, 88, 4.1, 117],

      [4.5, 74, 3.9, 125],

      [4.9, 83, 5, 128]

    ]);

​

    // map the data

    var seriesData_1 = data.mapAs({x: 0, value: 1});

    var seriesData_2 = data.mapAs({x: 2, value: 3});

​

    // create a chart

    var chart = anychart.scatter();

​

    // create the first series and set the data

    var series1 = chart.marker(seriesData_1);

​

    // create the second series and set the data

    var series2 = chart.marker(seriesData_2);

​

    // create error bars on the first series

    series1.error().valueError(8);

    series1.error().xError(0.4);

​

    // create error bars on the second series

    var error2 = series2.error(); 

    error2.valueLowerError(7);

    error2.valueUpperError(4);

    error2.xLowerError(0.1);

    error2.xUpperError(0.2);

​

    // enable major grids

    chart.xGrid().enabled(true);

    chart.yGrid().enabled(true);

​

    // enable minor grids

    chart.xMinorGrid().enabled(true);

    chart.yMinorGrid().enabled(true);

​

    // set the chart title

    chart.title("Lower and Upper Error Bars: Scatter");

​

    // set the container id

    chart.container("container");

​

    // initiate drawing the chart

    chart.draw();

});