html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

    var chart = anychart.column();

​

    // configure no data label

    noDataLabel = chart.noData().label();

    noDataLabel.enabled(true);

    noDataLabel.text("Error: could not connect to data server");

    noDataLabel.hAlign('center');

    noDataLabel.background().enabled(true);

    noDataLabel.background().fill("Red 0.3").stroke("2 Red");

    noDataLabel.padding(40);

​

    attemp = 0;

​

    // attach events to no data label

    noDataLabel.listen('click', function () {

      noDataLabel.text("Error: could not connect to data server... \n\n Attemp #" + attemp++);

    });

    noDataLabel.listen('mouseover', function () {

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

    });    

    noDataLabel.listen('mouseout', function () {

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

    });   

​

    chart.title("No Data: Configure Label Event");

    chart.container("container");

    chart.draw();

});