I want to add a star label to the chart's x-axis as shown in the image below. How can I do that?
I achieved this through passing Unicode(unicode for "star") with my data to google chart API.And it's working.
Thanks you all for support.
Related
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
I am using chartjs to draw a line chart on my application. I have dates onx-axis but as a category scale. Means labels are strings but are dates. On the y-axis i have numeric values. I am changing the chart on some functionality and after change i want to highlight some area of the chart. Is there any way i can highlight an area on the line chart? I have searched but did not find anything.
I want to do this pragmatically like there are some specific dates which i want to highlight so i want to have this type of effect.
Any kind of help would be much appreciated. I am very beginner in charts and javascript stuff.
P.S this is specifically for the line chart not for the doughnut
I use this https://github.com/chartjs/chartjs-plugin-annotation lib to do something like this.check on it. I think this will helpful.
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/
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.
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.