Cannot find how to change “chartarea” background color to other color, or to transparent. Is it possible?
]]>I’m setting the size of the parent container in my CSS, and not passing an explicit width, height into the shortcode options. However, regardless of the size that I set the container, the graph renders at 400px x 200px. Where does it pick it up from? How can I modify it?
]]>Hi,
I discovered your great plugin today.! It’s going to make a big hit on the site I’m developing. I was wondering if you could make one small modification: the ability to change the background color of the chart itself in the shortcode. It would seem to be a simple mod (two lines added: I tried this to test it), but it greatly enhances the appearance of the chart against a colored page background.
Thanks in advance!
Mark Pemburn
ColorJar, LLC
I’m trying to create a connected bar chart (2 data types next to each other) but the example short code is creating it in a stacked format. Is there a parameter I’m missing?
[barChart width="500px"
legend="{ position: 'top', maxLines: 2 }"
vaxis="{title: 'in $000', titleTextStyle: {color: 'blue'}}"
haxis="{title: 'Year', titleTextStyle: {color: 'blue'}}"]
['Year', 'Sales', 'Expenses', 'cost'],
['2004', 1000, 400, 25],
['2005', 1170, 460, 50],
['2006', 660, 1120, 60],
['2007', 1030, 540, 80]
[/barChart]Hi,
I try to change the color of each of the slice in the pie chart, but I can’t.It doesn’t show. And I even copy this :
[pieChart width=”400px” slices=”{ 0: {offset: 0.2, color: ‘black’}, 3: {color: white} }”]
[‘Task’, ‘Hours per Day’],
[‘Work’, 11],
[‘Eat’, 2],
[‘Commute’, 2],
[‘Watch TV’, 2],
[‘Sleep’, 7]
[/pieChart]
But it doesn’t work. Why?
Also, I want to put a title for the pie chart and I can’t.
]]>Hi, I would only like to display a max value of 3 (currently showing to 4 even though my max is 3) on my bar graph. Here is what I have, i’ve tried multiple max value texts but no luck.
[barChart width=”500px” stacked=”1″
legend=”{ position: ‘top’, maxLines: 0 }”
vaxis=”{title: ‘Category’, titleTextStyle: {color: ‘blue’}}”
haxis=”{title: ‘Level (1-Lowest to 3-Highest)’, titleTextStyle: {color: ‘blue’}}”]
[‘Level’, ‘Level’, { role: ‘style’ } ],
[‘Task Difficulty’, 1, ‘color: gray’],
[‘Competition’, 2, ‘color: #76A7FA’],
[‘Award’, 3, ‘opacity: 0.2’],
[/barChart]
Probably a tall order, but I was wondering if it was possible for future development to make the graphics responsive, in a somewhat simple way, by being able to specify width=”100%” or something similar.
There seem to be methods to make Google Charts responsive – check out this Codepen:
]]>I’m using Contact Form 7 and would like to plot data from the database as it is updated. The first five lines of the code below return the values, but how do I get these into a GoogleGraph? Also, I wouldn’t want to chart an entry if the value is 0.
total entries=[cfdb-count form="form_name"]
A=[cfdb-count form="form_name" field="class--so" search="A"]
B=[cfdb-count form="form_name" field="class--so" search="B"]
C=[cfdb-count form="form_name" field="class--so" search="C"]
D=[cfdb-count form="form_name" field="class--so" search="D"]
[barChart width="500px" stacked="1"
legend="{ position: 'top', maxLines: 2 }"
vaxis="{title: 'in $000', titleTextStyle: {color: 'blue'}}"
haxis="{title: 'number of entries', titleTextStyle: {color: 'blue'}}"]
['class', 'count'],
['A', 1],
['B', 0],
['C', 2 ],
['D', 4]
[/barChart]So in other words, in the barChart example where I have the data 1,0,2,4 hard-coded above, I’d want to replace those with live data from the data base (except for the ‘B’,0 case, which shouldn’t be plotted.
]]>Hi,
First thank you for your plugin.
I have a question, for a misterious reason when I copy past your code below title of vaxis and haxis is X and Y, I really do not understand, could you help me?
[lineChart width=”600px” height=”500px”
legend=”{ position: ‘top’, maxLines: 1 }”
vaxis=”{title: ‘$k’, titleTextStyle: {color: ‘black’}}”
haxis=”{title: ‘Year’, titleTextStyle: {color: ‘black’}}”
curvetype=”none”]
[‘Year’, ‘Sales’, ‘Expenses’],
[‘2004’, 1000, 400],
[‘2005’, 1170, 460],
[‘2006’, 660, 1120],
[‘2007’, 1030, 540]
[/lineChart]
Hi for geocharts, how can we
1. remove legends?
2. set marker colour for charts with only one data column?
In the following example, the colours set are ignored and just the google default (green) is used:
[geoChart displaymode=”markers” colorstart=”#FFCCCC” colorend=”#CC0000″]
[‘City’],
[‘Boston’],
[‘London’],
[‘Stockholm’]
[/geoChart]
Any tips appreciated, thanks
]]>Hi,
Thanks for all the (hard) work. But for some reason, the Y-axis is no longer displaying (I just upgraded to the latest version). It is filled with ‘Y’ (which is the default value). Also the color is set to default. Even if I use you example code (copied from your site).
[columnChart width="300px" stacked="1"
vaxis="{title: 'in $000', titleTextStyle: {color: 'blue'}}"
haxis="{title: 'Year', titleTextStyle: {color: 'blue'}}"]
['Year', 'Visitations', { role: 'style' } ],
['2010', 10, 'color: gray'],
['2010', 14, 'color: #76A7FA'],
['2020', 16, 'opacity: 0.2'],
['2040', 22, 'stroke-color: #703593; stroke-width: 4; fill-color: #C5A5CF'],
['2040', 28, 'stroke-color: #871B47; stroke-opacity: 0.6; stroke-width: 8; fill-color: #BC5679; fill-opacity: 0.2']
[/columnChart]Thanks for your response.
Koen
]]>I recently updated this plugin, and doing so has caused every page on my site to yield this message:
Parse error: syntax error, unexpected ‘[‘ in /srv/disk3/1631639/www/nflsgreatest.co.nf/wp-content/plugins/googlegraph/googlegraph.php on line 142
I am unable to access my site from the internet, and I don’t know how to deactivate or uninstall the plugin otherwise. I’m hoping you can help me out.
]]>I found your plugin excellent, but in my data I often have missing values, eg:
[new Date(2014,0,9),265, 291],
[new Date(2014,1,9), {}, 291],
[new Date(2014,2,1),271, 282]
By default, in line charts, Google Graphs leaves an unsightly gap in that location, but it has an option “interpolateNull:true” which draws the line in between.
I suggest either adding it by default for line charts (it does no harm when all values are present), or maybe add some mechanism to add arbitrary options to pass to the google charts API.
It’s fairly easy for me to edit the plugin PHP but I’m writing a plugin myself and would like to give users the option to automatically generate shortcodes for your plugin if it’s installed.
]]>Hello , I would like to integrate this great plugin in another plugin called phpleague .
I would like to create the chart with the data of the charts you can do ?
thanks to you soon.
]]>google’s docs indicate to color segments use and array of `colors:[‘red’ , “blue”]
How would I add these variables to the pieChart short code?
]]>