Changing the "Hand Symbol" Cursor on Hover

Hovering over a graphomate extension component changes the cursor to a "hand" icon to show that a click interaction is possible. This article shows how to suppress that behavior to show the standard cursor instead of the hand icon on mouse over. 

Step-by-Step-Guide

Insert the following code in the “custom.css” of your application and replace the <NameChart> with the name of your component.

#<NameChart>_control {
	cursor: default !important;
}


#<NameChart>_control svg { 
	cursor: default !important; 
}

#<NameChart>_control line { 
	cursor: default !important; 
}

Links

• Documentation on the curser-CSS-Property at MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

Related Articles

• Page:
  Line color/ style (linechart)
• Page:
  Modifying the Height of Column Header Bars
• Page:
  Changing the "Hand Symbol" Cursor on Hover
• Page:
  Identifying a component's CSS Class
• Page:
  Hiding a Series' Element Labels