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

Browser not supported