html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function() {

​

    // create a stage    

    stage = anychart.graphics.create("container"); 

​

    // create a data set

    var data = anychart.data.set([

      [0.6, 22],

      [1.7, 55],

      [2.3, 50],

      [2.6, 76],

      [2.7, 64],

      [4, 71],

      [4, 88],

      [4.5, 74],

      [4.9, 83]

    ]);

​

    // create a chart

    chart = anychart.scatter();

​

    // create a marker series and set the data

    var series = chart.marker(data);

​

    // create and configure error bars

    var error = series.error();

    error.xLowerError(0.1);

    error.xUpperError(0.2);

    error.valueUpperError(5);

    error.valueLowerError(8);

​

    // create major grids and bind them to the X and Y axes

    chart.grid(0).axis(chart.xAxis());

    chart.grid(1).axis(chart.yAxis());

​

    // create minor grids and bind them to the X and Y axes

    chart.minorGrid(0).axis(chart.xAxis());

    chart.minorGrid(1).axis(chart.yAxis());

​

    // set the chart position and title

    chart.top(35);

    chart.title("Error Chart: Error Mode");

​

    // set the container

    chart.container(stage);

​

    // initiate drawing the chart

    chart.draw();

​

    // create a label for turning error bars off

    createLabel("None", 50, function() {

error.mode("none");

    });

​

    // create a label for showing only value error bars 

    createLabel("Value", 110, function() {

error.mode("value");

    });

​

    // create a label for showing only X error bars

    createLabel("X", 173, function() {

error.mode("x");

    });

​

    // create a label for showing all error bars

    createLabel("Both", 211, function() {

error.mode("both");

    });

});

​

// a helper function for creating buttons

function createLabel(text, offset, action){

    var label = anychart.standalones.label();

    label.background({fill: "#1976d2"});

    label.text(text);

    label.fontColor("#fff");

    label.padding(5);

    label.parentBounds(offset, 5, 130, 100);    

    label.listen("click", action);

    label.container(stage);

    label.draw();

    label.listen("mouseOver", function(){

label.background().fill("#1976d2 0.5");

document.body.style.cursor = "pointer";

label.draw();

    });

    label.listen("mouseOut", function(){

label.background().fill("#1976d2");

document.body.style.cursor = "auto";

label.draw();

    });    

    return label;

};