Google Charts: Is it possible to have a table as the horizontal axis? - google-visualization

I need to display a chart where the horizontal axis is a kind of a table. I checked the Google Charts documentation as well as other links but could not find any help. Can you tell me whether something like that is possible in Google Charts? If yes, then how?
Below is the link to an image showing a similar kind of a thing.
https://i0.wp.com/criticaltosuccess.com/wp-content/uploads/2014/07/IMG-XL2010-Chart-w-Two-Rows-X-Axis-Labels-and-Lines-e1405615373977.png?resize=600%2C330

Related

Apexcharts: Are "grouped" pie charts possible?

I would like to create a pie or donut chart where the individual areas can be grouped. Here is a simple picture to illustrate:
With Chart.js this is definitely possible, but with Apexcharts I didn't find a corresponding demo and also no comparable function in the documentation.
So my question is if my intention is at all possible with Apexchart and if so, how?
Thank you.

Vertically stacked Google Bar Charts

I'm trying to produce a vertically stacked bar chart using the Google Charts API and I thought I had found the solution when I found the option:
isStacked: true
However, This seems to add the stacking horizontally (see link below) and I cant seem to find a way to do it. Anyone come across this before or can help me?
See: http://jsfiddle.net/tmA55/1/
Thanks
Do you mean a vertically stacked ColumnChart?
Just change the chart from BarChart to ColumnChart:
new google.visualization.ColumnChart(document.getElementById('chart'))
http://jsfiddle.net/asgallant/tmA55/2/

Stacked bar graph from the same y-axis but different direction - Google Charts

I am using google charts.
I want something like this:
I tried everything in here, but all in vain.
Please guide on what am I missing here.

how to add label/text to each coloumn in Google Chart

I am using ColumnChart to draw a chart and I need to have text on each coloumn (at the top of it)
I can't find any documentation about this, I was wondering if someone can help please?
Something similar to this:
(source: seo-website-designer.com)
This is currently not possible with the new Google Charts, the nearest you can get is to have a tooltip but those can only be triggered on hover at the moment.

Google Charts API - Overlapping X axis labels

I have a chart generated from Google Charts that can be found here: Chart generate by Google Charts API. As you can see the x axis labels are being overlapped.
Anyone knows how to solve this?
See the docs under Bar Width and Spacing (chbh). There's this snippet:
a - space_between_bars and space_between_groups are given in
absolute units (or default absolute values, if not specified). Bars
will be resized so that all bars will fit in the chart.
So just add chbh=a to the options. Here's the example with this option added.