I'm using Google Chart Tools to create charts for some of my data. I'm pretty much confined to the examples I can find in the Charts Gallery, and I can't find an example of an overlapping bar chart like this (mspaint):
Is it possible to create a chart like this with Google Chart Tools?
This is called "stacked bar chart" in Google Chart Tools. To create one you simply make a BarChart with multiple values per row and set the isStacked option to true. Example result:
Related
I want to display the labels and datasets of pie & doughnut charts on their sides. I searched for many options on the internet including stackoverflow, but couldn't find a relative solution for my case. Maybe I missed something.
Now I have:
I need to display the chart data on its side like this: (For my pie and doughnut charts above)
First of all, I dont see any bar chart here. Second, what library are you using for making charts? If you couldn't find proper option to display label in that library, I can recommend you to use Amcharts, its more flexible. Let me know if you get your desired results
I am trying to plot daily tasks in what i would describe as a discontinuous stacked bar graph. Another description would be a vertical gantt chart of past events.
If the description is lacking, the result i want is something like that shown in the image below (made in paint).
All task have a duration (from-to time) and can have different categories which results in different colours with belonging legends.
I have been playing around with two javascript plotting libraries; chart.js and plotly.js, and looking at others but i haven't found anything that can do what i want to achieve. Both chart.js and plotly have stacked bar graphs, but i see no way of getting spaces in between the bars and getting the legends right.
Do anyone have an idea if this is possible in any these two libraries? If not is there an alternative library where this can be done?
Regards
Looked everywhere and can't find anything, is it possible to create a graph like the below with the double x-axis label clusters, using google charts api?
i have got a stacked bar chart using Google charts.
i need to display values within each bar, the role: annotation option displays the values at the edge of each section, i need to display the value in the middle of each option. i know i could use chm or chd, but i don't know where to put those options within java-script.
i have looked at the google documentation and it talks about the 'Text and Data Value Markers chm' but doesnt give an example how to use these markers within javascript.
chm= N,FF0000,-1,,12| N,000000,0,,12,,c| N,000000,1,,12,,c| N,ffffff,2,,12,,c
Here is a google bar chart I am creating:
http://jsfiddle.net/nGvdB/
I read up on the Google Bar Chart documentation here but I just cannot figure out how to customize this chart. Specifically, I want this:
On the horizontal axis, I see numbers 0,1,2,3,4. I want the graph only to go from 0 to 3. I have hAxis.maxValue set to 3 but it still shows till 4. None of my data is greater than
Instead of the horizontal axis labels reading {0,1,2,3} I want it to read {'','Low','Med','High'}.
Any help would be greatly appreciated.
Using google charts API is quite difficult there is useful jquery library that simplifies the issue http://keith-wood.name/gChart.html