It's all described in the Configuration Options section of each chart documentation page (see LineCharts<https://developers.google.com/chart/interactive/docs/gallery/linechart#Configuration_Options>as an example). Here's an example showing both methods for assigning colors to a LineChart: http://jsfiddle.net/asgallant/EuvJc/. The example also works exactly the same way for AreaCharts<https://developers.google.com/chart/interactive/docs/gallery/areachart> , BarCharts<https://developers.google.com/chart/interactive/docs/gallery/barchart>, ColumnCharts<https://developers.google.com/chart/interactive/docs/gallery/columnchart>, ComboCharts<https://developers.google.com/chart/interactive/docs/gallery/combochart>, ScatterCharts<https://developers.google.com/chart/interactive/docs/gallery/scatterchart>, and SteppedAreaCharts<https://developers.google.com/chart/interactive/docs/gallery/steppedareachart>. CandlestickCharts<https://developers.google.com/chart/interactive/docs/gallery/candlestickchart>work similarly, but have more extensive color options. PieCharts<https://developers.google.com/chart/interactive/docs/gallery/piechart>also work similarly, but they don't have the series option available. BubbleCharts<https://developers.google.com/chart/interactive/docs/gallery/bubblechart> can be colored the same way, but the can also be colored by point value instead. GeoCharts<https://developers.google.com/chart/interactive/docs/gallery/geochart> and TreeMapCharts<https://developers.google.com/chart/interactive/docs/gallery/treemap>can only be colored by point value. GaugeCharts<https://developers.google.com/chart/interactive/docs/gallery/gauge>have options to color data ranges on the gauge, not data points.
Most charts assign a single color to each series (exceptions are PieCharts, where each row get it's own color; GeoCharts, TreeMapCharts, and BubbleCharts set to color by value; and GaugeCharts). If you need to be able to assign different colors to data points within a series, it is doable under certain conditions, but unless you need it, it's probably not worth going over. I know it can seem a bit intimidating, but the API is actually pretty simple to use. I'm more than happy to help you get started. Feel free to ask any questions you may have and I'll do my best to answer them. On Monday, December 31, 2012 3:28:53 PM UTC-5, Karyn Hill wrote: > > Where can I find information on changing the colors in the charts? My > supervisor told me today that he wants a series of branded example charts > by the 8th to show the big boss, but I'm starting from near zero of > JavaScript. I can't see what's currently controlling the default colors so > I assume that's part of the package and I'll have to override it somewhere. > > Sorry for my extremely limited knowledge. I hate when my supervisor does > this to me; I'm a graphic designer, not a developer. I'm happy to learn it > but a week is simply not enough time to learn it, apply it to the Google > Charts, then figure out what to do with the tables to display the > information in the best way. > > On Monday, December 31, 2012 1:42:27 PM UTC-5, asgallant wrote: >> >> You can change the colors in the charts (typically by using either the >> "colors" or the series.color option). Backgrounds are a bit trickier. You >> have to use CSS to layer the background image behind the chart, and set the >> chart's backgroundColor option to "transparent". The problem with >> backgrounds is twofold: not every chart supports the backgroundColor option >> (most of them do, but there are a few exceptions), and transparent >> backgrounds are not supported in versions of IE earlier than 9. >> >> On Monday, December 31, 2012 7:45:20 AM UTC-5, Karyn Hill wrote: >>> >>> The company I work for wants to start using Google charts but wants them >>> to match our corporate branding with particular colors and a specific >>> background. Is this possible? I don't have access to the CSS or head but >>> can ask the web manager to add code to either if needed. >> >> -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/bRtBxO_JItYJ. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
