ORG Chart Options

[TheInnovator]

Hello,

Can somebody please show me how to use 'nodeClass' and 'selectedNodeClass'?  Can't find any examples.  Thanks!

http://jsfiddle.net/GTpgA/52/

[asgallant]

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/

[Isaac Sogunro]

Nice! Thank You!

--
You received this message because you are subscribed to a topic in the Google Groups "Google Visualization API" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/google-visualization-api/XsWguq4yNgA/unsubscribe.
To unsubscribe from this group and all its topics, send an email to google-visualizati...@googlegroups.com.
To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/groups/opt_out.

--
-Isaac-

http://twitter.com/#!/feedy0urmind
You are today where your thoughts have brought you; you will be tomorrow where your thoughts take you.
- James Allen

[Isaac Sogunro]

Hi,

Is it possible to make the nodes bigger than they are or increase the size of the chart?

http://jsfiddle.net/asgallant/GTpgA/53/

Thanks!

On Fri, Nov 15, 2013 at 3:03 PM, asgallant <drew_g...@abtassoc.com> wrote:

--

You received this message because you are subscribed to a topic in the Google Groups "Google Visualization API" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/google-visualization-api/XsWguq4yNgA/unsubscribe.
To unsubscribe from this group and all its topics, send an email to google-visualizati...@googlegroups.com.
To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/groups/opt_out.