I am using a bar chart. I would like the cursor to change to a pointer when rolling over a bar. How can I do this?
Ron
You are going to have to handle two client side events off the webchart and set the cursor style on the div that has the id of the chart control. Here is the code I used:
function UltraChart1_ClientOnMouseOver(this_ref, row, column, value, row_label, column_label, evt_type, layer_id){
}
function UltraChart1_ClientOnMouseOut(this_ref, row, column, value, row_label, column_label, evt_type, layer_id){
chdiv.style.cursor="default";
Thanks for your reply. However, I need to have the cursor only show when rolling over a bar, not the whole chart itself. Basically, I've created a function to open a web page when clicking on a bar and want the cursor to show when rolling over a bar to indicate that bar is a link.
maheshvemula,
this javascript function should satisfy your requirements.
function body_onLoad() { var map = document.getElementById("RxActImg_UltraChart1"); for (a = 0; a < map.areas.length; a++) { map.areas[a].href = "#"; } }
Its not working in Mozilla Firefox.
and can you explain it for line chart? as i want cursor as hand on nodes of line chart.
Thanks, your code works, i just had the wrong id. Its working the way I want it to now.
What do you mean by a bar?
This code will work for when only over chart regions that contain data, such as bars in a bar chart. When over empty regions of the chart, it will be your default mouse cursor. You can customize it to react to only certain bars in a bar chart. If you mean something else by a bar, could you specify?