How can I customize this Google Bar Chart? - javascript

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

Related

VueJs : Displaying pie chart data value of each slices

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

how to display all percentages on Google PieChart

I'm facing two problems.
How can I make sure that the whole legend can be seen under the graph? Indeed when the legend is too big three points are added.
My other problem concerns pie charts. How to make all the percentages appear on the graph, by default it puts them only when the place is sufficient on the graph?
Bar Chart problem
Pie Chart problem
Thanks you
Bar Chart Problem : Its the default behaviour. The 3-dots is called ellipses. It is used to truncate the strings to fit the in to the containing box/div. For more info, refer this. This workaround would help you if you wish the axes labels are need to be shown full. In case legend values, please refer this.
Please refrain rom using such long names for the axes as it affects the UX.
Pie Chart Problem : Its the default behaviour of Google Charts to show the values only if the values are sufficient to fit in the place. As a workaround, you can display all the values, in the chart using the option {legend : "labelled"}. Thanks to this Google Forum.
Example JS Fiddle

how can i plot 2 dimensional bar chart with a jquery library?

I couldn't find any jquery library that can plot 2 dimensional bar charts (if i name it true). I want to plot a graph like this;
As you can see there are 2 variable for each bar. Width and height. But i can only change height of the bar charts in every library i tried.
I want to give 2 interval for each variable and plot a rectangle.
Can you help me to find a library that can plot it or share some information about it?
Thank you.
I found the answer with luck. It is called Marimekko graphs and you can plot it with this javascript library.
http://www.mekkographics.com/free-trial/ or
http://www.fusioncharts.com/charts/marimekko_2/
It solves many problems to know its name. You can search for marimekko charts. Also there are lots of free codes in internet like;
http://bl.ocks.org/mbostock/1005090
https://gist.github.com/mbostock/1005090
d3.js how do I add text to Marimekko chart
http://www.jqplot.com/deploy/dist/examples/mekkoCharts.html

Google Charts Flip

I am trying to draw a timeline chart using Google Charts, something similar to this image
The thing is I need the chart to be drawn from right to left such that the y-axis becomes on the right side and the labeling of the x-axis is reversed. Any ideas? I have searched the API documentation but could not find anything useful. Is there any any other library that can do it ?

Plot stacked chart with javascript with negatives values

I need to plot this with javascript (excel chart): http://pontt.com/plotexcel.jpg (bar below the x-axis and bar above the x-axis).
Anyone know of a javascript library (except google charts) that supports stacked bar charts with negative values and the plot just as excel?
I tried several libraries, but I had no success in trying to plot with negative values.
I don't know if you have tried it, but have a look at flotr. I think it supports such a thing. Hope it helps.

Categories