[Solved]-How to change the cursor to a pointer when I hover over a bar in a ChartJS bar chart?-Chart.js

there is a cursor property in css that you can set. for example :

span.crosshair {
    cursor: crosshair;
}

span.help {
    cursor: help;
}

span.wait {
    cursor: wait;
}

please refer to this link for more information

i needed the cursor to change only when over a bar or point on a line chart so came up with this simple solution. place your function outside the chart declaration.

var chart = new chart(ctx, {
    data: {...},
    options: {
     onhover: graphhover
    }
});
function graphhover(e, array) {
    if(array.length > 0) {
        e.target.style.cursor = 'pointer';
    }else {
        e.target.style.cursor = '';
    }
}