I've got a Google Chart. However the auto centre isn't in a very pretty place (It slices Africa in half). I want the edge to be on the border between Russia and Alaska but for the life of me I can't get it to do it.
Here's the link:
https://chart.googleapis.com/chart?cht=map&chs=480x250&chld=NG|TR||KE|JO|CM|ZA|SA|GM|BH|ET|OM|AO|||IN|CN|TW|JP|NZ|AU||LK|PK|SG|BD|HK|MY|GB|DE|FR|GR|NL|RO|ES|PT|RU|IT|CZ|NO|SK|BE|PL|MT|DK|LT|CH|FI|CS|BG|AT|IS|HR|US|CA|MX|BB|GY|CL|VE|SR|AG|BR|HN|EC&chco=666666|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13
And the resultant image:
Thanks in advance!
https://chart.googleapis.com/chart?cht=map:auto:fixed=-60,-170,84,178&chs=630x400&chld=BR&chco=B3BCC0|518274
Centering a world map with Google Charts
https://chart.googleapis.com/chart?cht=map:fixed=-40,-178,84,178&chs=400x250&chld=NG|TR||KE|JO|CM|ZA|SA|GM|BH|ET|OM|AO|||IN|CN|TW|JP|NZ|AU||LK|PK|SG|BD|HK|MY|GB|DE|FR|GR|NL|RO|ES|PT|RU|IT|CZ|NO|SK|BE|PL|MT|DK|LT|CH|FI|CS|BG|AT|IS|HR|US|CA|MX|BB|GY|CL|VE|SR|AG|BR|HN|EC&chco=666666|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13|DD0E13
With...
?cht=map:fixed=-40,-178,84,178
being the dimensions for centering it.
Related
problem screenshot
Hey guys, I'm having a problem: as you can see in the screenshot, there are some resolutions that the distance between the last and the second to last dates on x-axis is greater than other ones when you use a lot of data on that axis. Can somebody with a project like that test to see if this happens to every project? Probably this is the way Chart.js handles putting more elements on x-axis, but can I do something about it?
Thank you very much!
I can't figure out why Google Charts draws this simple chart aligned to center and doesn't fill entire white area.
Note: X axis is discrete because it represents weeks.
Do you have any idea what can I do with it?
That is how the charts display when you use a discrete (string) axis. If you want edge-to-edge lines, you need to use a continuous (number, date, datetime, timeofday) axis. See an example of the differences here: http://jsfiddle.net/asgallant/Xfx3h/.
I have been playing with google charts for the first time. I have created a graph that can be viewed at
Google chart link
https://chart.googleapis.com/chart?cht=bvg&chxr=0,0,20&chxt=y&chbh=50&chm=N,000000,0,-1,11&chd=t:0.4356,0.3562,0.4834,0.575,0.673,0.6091&chs=500x120&chco=FF3300|0000FF&chd=t:5,15&chl=freightmax|stols
The graph displays however the scale of the Y chart axis and the bar chart itself is not in proportion as per image below:
If you see the value of the Stols bar is 15 which is correct, however according to the y axis the value is around 3 or 4.
Any ideas how I can correct this?
Thanks in advance,
Ryan Smith
Adding scale parameter chds=0,20 should help
https://chart.googleapis.com/chart?cht=bvg&chxr=0,0,20&chxt=y&chbh=50&chm=N,000000,0,-1,11&chd=t:0.4356,0.3562,0.4834,0.575,0.673,0.6091&chs=500x120&chco=FF3300|0000FF&chd=t:5,15&chl=freightmax|stols&chds=0,20
Reference: Google chart parameters
Is there a way to display multiple charts on the same image using Google Charts api?
To elaborate:
I have one data series which I want to display as bar chart.
I have another data set which has nothing to do with the first one (well they are correlated but the values are hundred times bigger).
X-axis is for dates.
I want to have second data set displayed as line chart with Y-axis on the left.
I found something similar in "Compound charts" section but as far as I understand markers are calculated based on already displayed data set - and I want to have them independent.
In other words - is it possible to make image like this:
http://chart.apis.google.com/chart?cht=bvg&chm=D,0033FF,1,0,5,1&chs=200x150&chd=t1:30,10,20|60,40,50&chxt=y
but with the line being independent and their values axis being on the right.
I'm sorry I'm not familiar with the terminology - I'm sure there is a name for what I'm trying to achieve.
Thanks!
Only 2 years behind the curve but just to let you know that I have achieved your objective of displaying 2 datasets (one a bar chart, the other a line chart) against 2 different axis scales.
The devil is in the scaling parameter &chds and explicit axis values using &chxr. Essentially, I defined the explicit scales for the x-axis, y-axis and r-axis. and then instructed the scaling parameter to scale each dataset differently.
So for an r dataset between 0 - 10 and a y dataset between 0-2 I would write;
&chds=0,2,0,10 (y then r defined in my axis parameter, i.e. &chxt=y,r)
...and...
&chxr=0,0,2|1,0,10
Let me know if you need more detail!
I've looked into something similar to this before and have used the google chart API a lot. I'm 90% sure the answer is no. Sry :(
Yep it is possible.
Here is an example of two datasets displayed on the same axes. 1 is a bar chart the other is a line graph....
This line - chd=t1:95,1,1,3,10,3,77|95,52,44,24,11,2,1 - allows for the two datasets.
slothistype
I'm trying to graph some data with RRDtool and I have problems with defining the exact graph command.
The kind of graph I want is something like this:
http://oss.oetiker.ch/rrdtool/gallery/gate.spamd.week.600.png - the blue graph.
I can not "cook up" the definition for creating a graph like the one which is light blue and is on the background. It's a something between a line and an area :) . Any ideas what can I try?
Thank you in advance!
I guess it is an area stacked on a transparent area or on a line ... in that way you can create a 'floating' area.