For example, i have chart that displays my weight changes by monthes.
Monthes goes on hAxis and weight values on vAxis
I have a few question:
1) How to set hAxis from 0 to, say, 70?
My initial weight was 70. I want to set hAxis baseline to this value. Thats allows me to show my weight changes. For example, in november it was 75 kgs (+5kgs) and this bar should go over the hAxis baseline. In december my weight equal 65 kgs (-5 kgs) and this bar should go under the hAxis baseline. Is it possible?
2) How to change bars fill color?
set vAxis baseline property to needed value:
vAxis:{baseline:70}
Related
How to set the y-axis interval, or 'tick mark?' with a min value of 0 and max value of 9, I'm seeing tick marks every '2', like 0,2,4,6,8,10. I don't want that.. I want y-axis lines every .25
Funny, in fusion charts I can set the background color of the yaxis labels, put a dashed border around the background, even control the space size between the dashes.. but I can't set something important like the tick mark interval
FusionCharts supports 'numDivLines' that allows you to specify the number of divisions on the y-axis. The number of lines required for the chart can be calculated using min and max values. Set 'adjustDiv' to 0. This will force fusioncharts to use the user-defined 'numDivLines'.
JS-Fiddle: https://jsfiddle.net/spranali/yvmq0ab1/44/
adjustDiv: 0,
numDivLines: 35,
yAxisMinValue: 0,
yAxisMaxValue: 9,
The height of the chart has to be scaled to occupy the specified y-axis intervals.
According we can see in this image, the size of the last x-axis area is less that the others. With this, the Sunday looks less that the other days of week..
How can I put he same distance between the x-axis grid?
I'm drawing 4 points for each day of week. So, my X-values are
{Mo,Mo,Mo,Mo, Tu,Tu,Tu,Tu ... Sun,Sun,Sun,Sun}
and
xAxis.setLabelsToSkip(4);
You may enable the horizontal scroll bar by
lineChart.setHorizontalScrollBarEnabled(true);
I've seen it being used in Pyramid Charts but can't figure out what it does and how to use it.
I've looked it up in the documentation - it's too curt.
"True to include hidden series when computing axes bounds and scaling."
How to supply those hidden series?
How to how make them hidden?
According to the documentation - and as the option's name says - it specify if either or not you want to include hidden series when computing axes bounds and scaling.
Edit - Explanation :
Let's say you have 3 series in your data but you only want to display the two first ones (the third one is hidden). The scaleToHiddenSeries specify if either or not you want to include this third serie when computing bounds.
For example for serie 1, xaxis goes from 10 to 15; for serie 2 from 12 to 17; finally for serie 3 from 11 to 999.
If you set scaleToHiddenSeries to true when your third serie is hidden, the jqplot xaxis will go from 11 to 999. Conversely, if you set scaleToHiddenSeries to false, the jqplot xaxis will go from 10 to 17
I have a 2 column spreadsheet. The first column is a label, the second is a value. I want to make a chart that displays every single label on the y axis but by default calc displays the labels at intervals, like every 5th one. How can I change this?
You can modify the axis when in chart edit mode. To do so:
Double-click on the chart; after this, there's a light grey border around the chart, telling you that you've activeted chart edit mode:
Open Menu "Format" -> "Axis..." -> "X Axis" (or Y axis, depending o the layout of your chart):
In the Axis Format window, select the "Label" tab:
Set the label formatting as desired. The optimal format settings depend on the labels. If they aren't too long, staggering the labels may help. If they don't fit even staggered, then you could modify the text direction, e.g. settiing it to 45 degrees.
I'm developing an application which draws some charts and I'm using Google Chart. After I have all the needed data I build the URL dinamically. The problem is that Google Chart doesn't always fix the maximum and minimum of the chart to the values I provide. I calculate Max and Min Values based on the data of the cart. I've set them to be always an integer to avoid any problem.
I'm going to set an example with numbers:
(I write it in different lines with "comments (//)" so it can be read easily, though it is in the same line with any comment at all)
http://chart.apis.google.com/chart?
cht=bvs& //chart type
chs=250x250& //chart size
chd=t:10,0|4.48,0|15,-58.42|0,4.73|0,73.44& //chart data
chco=4D89D9,C6D9FD,FF0000,00FF00,0000FF& //chart colors
chds=-59,80& //data scaling
chf=bg,s,edf5ff|c,s,f6e426& //chart fill color
chtt=my_title& //chart title
chdl=A|B|C|D|E& //chart legend
chdlp=r& //legend position
chxt=x,y& //chart axis
chxl=0:|Col_1|Col_2& //Axis labels
chxr=1,-59,80& //Axis range
chbh=r,1,0& //Bar thickness and spacing
chg=0,12.5 //Grid Lines
with this configuration I'd get this chart. As you can see the zero line is over zero because data has not been scaled isn a good way.
but If I change the maximum and minumum of the chart to -60,80 I get it in a good way
It would be this code:
http://chart.apis.google.com/chart?
cht=bvs& //chart type
chs=250x250& //chart size
chd=t:10,0|4.48,0|15,-58.42|0,4.73|0,73.44& //chart data
chco=4D89D9,C6D9FD,FF0000,00FF00,0000FF& //chart colors
chds=-60,80& //data scaling (CHANGE IN THIS LINE)
chf=bg,s,edf5ff|c,s,f6e426& //chart fill color
chtt=my_title& //chart title
chdl=A|B|C|D|E& //chart legend
chdlp=r& //legend position
chxt=x,y& //chart axis
chxl=0:|Col_1|Col_2& //Axis labels
chxr=1,-60,80& //Axis range (CHANGE IN THIS LINE)
chbh=r,1,0& //Bar thickness and spacing
chg=0,12.5 //Grid Lines
And this chart which seems to be OK:
Can anyone tell me why Google Chart behaves in this way?
Thanks
I changed itsetI get the max and min values to a number which corresponds to the common divisions in a logarithmic scale. I mean:
if value is inside (0,10) I choose an integer value
if value is inside (10,100) I choose 10,20,30...1000
if value is inside (100,1000) I choose 100,200,300...10000
and so on.
With these values Google Chart seems to work.