Column Chart

47 views
Skip to first unread message

Hariharan Dhanushkodi

unread,
Jan 17, 2017, 5:35:19 AM1/17/17
to Google Visualization API

Hi All,


I need an update to the Column chart and the Look and feel to be as in attached. Tried a lot but in vain.


Need support on this.


Thanks
Regards

Hariharan Dhanushkodi

unread,
Jan 18, 2017, 11:13:28 AM1/18/17
to Google Visualization API
Chart.png

Daniel LaLiberte

unread,
Jan 18, 2017, 12:05:33 PM1/18/17
to Google Visualization API
Here is a rough outline of what you will need to do.

Use ColumnChart, not Column.
Set the background color.
Enable isStacked to 'percent' or 'relative'.
Set the colors for data ('colors' option) to the blue and white colors.
Your data should use unique string values for the domain column (# 0) and also specify the display format.  

e.g.

var data = google.visualization.arrayToDataTable(
[[ 'DayOfWeek', 'blue value', 'white value'],
[ {v: 'monday', f: 'M'}, 65, 35 ],
[ {v: 'tuesday', f: 'T'}, 45, 55 ],
...
]);



--
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 google-visualization-api+unsub...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/f436434f-3af8-4fc6-9cb0-aedc5bdc07b2%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.



--

Hariharan Dhanushkodi

unread,
Feb 7, 2017, 1:47:39 AM2/7/17
to Google Visualization API
 Hi Daniel LaLiberte,

Thanks for the info. I checked out and unable to get the desired output... Can I have a Fiddle of this if time permits.. ;-))
Reply all
Reply to author
Forward
0 new messages