Here's how you use them:
chart.draw(data, {
allowHtml:true,
nodeClass: 'myNodeClass',
selectedNodeClass: 'mySelectedNodeClass'
});
Declare classes in CSS to style the nodes, like this:
.myNodeClass {
text-align: center;
vertical-align: middle;
font-family: arial,helvetica;
cursor: default;
border: 2px solid #b5d9ea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
background-color: #b0d7ee;
background: -webkit-gradient(linear, left top, left bottom,
from(#b0d7ff), to(#b0d7ee));
}
.mySelectedNodeClass {
border: 2px solid #e38493;
background-color: #eeb0d7;
background: -webkit-gradient(linear, left top, left bottom,
from(#ffb0d7), to(#eeb0d7));
}
see it working here: http://jsfiddle.net/asgallant/GTpgA/53/
On Friday, November 15, 2013 2:39:58 PM UTC-5, TheInnovator wrote:
>
> Hello,
>
> Can somebody please show me how to use 'nodeClass' and 'selectedNodeClass'?
> Can't find any examples. Thanks!
>
> http://jsfiddle.net/GTpgA/52/
>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/groups/opt_out.
