html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

anychart.onDocumentReady(function () {

​

    // create data

    var data = [

      ["Jim", 10000],

      ["John", 12000],

      ["Joe", 13000],

      ["James", 10000],

      ["Jane", 9000]

    ];

​

    // create a chart

    var chart = anychart.column();

​

    // create a column series and set the data

    var series = chart.column(data);

​

    // set the chart title

    chart.title("Column chart hover cursor effect");

    // create an event listener for the pointMouseOut event

    chart.listen("pointMouseOver", function(e){

    // change the cursor style

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

    });

    // create an event listener for the pointMouseOut event

    chart.listen("pointMouseOut", function(e){

    // set the default cursor style

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

    });

    // set the titles of the axes

    chart.xAxis().title("Manager");

    chart.yAxis().title("Sales, $");

​

    // set the container id

    chart.container("container");

​

    // initiate drawing the chart

    chart.draw();

});