This is probably a simple problem. I am trying to find out how to move a vertical axis title closer to the axis in Google charts. Can anyone help? Thanks
From https://developers.google.com/chart/interactive/docs/customizing_axes:
Label positioning and style - You can customize label positioning and style using the hAxis/vAxis.textPosition and hAxis/vAxis.textStyle options.
EDIT:
Tested using this fiddle
replace vAxis: {title: 'Year', with vAxis: {title: '\nYear', would "nudge" your Axis title closer
Related
Is there an option to set the font size for the labels given to each series line, which show up to the right in Google Charts? In the overview example (https://developers.google.com/chart/interactive/docs/gallery/linechart) the labels I'm referring to are "Dogs" and "Cats". My chart has a lot of series, and the labels are too numerous and get cut off at the bottom of the chart. I want to make them smaller so they fit.
use the following option...
legend.textStyle.fontSize
e.g.
legend: {
textStyle: {
fontSize: 8
}
}
i'm trying to show highchart legend in order like this
but im getting like this
please help me how to show in order like in first image
I assume what you want is the columns lined up. That just requires legend.alignColumns = true.
legend: {
alignColumns: true,
width: 500,
},
http://jsfiddle.net/blaird/1fu20j4g/7/
Highcharts has a great API reference. Here's everything you can do to a legend: Highcharts Legend API Reference
I need to align the series lines to the right of the chart. It is always centered. How I can do it?
The Q3 version of the Chart supports a justified setting for each axis. It stretches line and area series to the very end of the axis.
categoryAxis: {
justified: true
}
See a live demo here: JS Bin
I hope I understood your question correctly.
Is it possible to change Google chart font size, my problem is that when i shrink width and height of whole chart, text becomes small and unreadable, any way to custom set font size?
Also is it posible to change tooltip size , described as a in the image?
in options, set legend and tooltip by
{legend:{textStyle:{fontSize:'xx', fontName:'xx'}}}
{tooltip:{textStyle:{fontSize:'xx', fontName:'xx'}}}
Check out here for more details
For Areachart:
var options = {
tooltip: {textStyle: {fontName: 'TimesNewRoman',fontSize: 12,bold: false}}
}
Thanks,
Arun v
legend.textStyle and tooltip.textStyle control this as documented for scatter charts for instance here
I'm using a dojo chart to display data in a bubble chart. However, I don't need the axis but if I remove the axis, it screws up the display of the data. I can fudge axis not being there by hiding labels and coloring the lines white but then there's still this large margin on the left and bottom of the chart. How do you make a dojo chart without the axis while still having the min/max set correctly?
chart1.addAxis("x",{ type : 'Invisible' /*, .... */ });
Matthew, if you are still looking to tweak the margins, the solution here:
dojox charting: remove the padding around the chart
worked for me.