Sorry, copied the wrong Plucker. This is what I meant -> 
http://plnkr.co/edit/HrgnF2QTCbQzTWeKtu5A?p=preview

Here
 https://groups.google.com/forum/#!topic/google-visualization-api/mB_-ey_0268  
<https://groups.google.com/forum/#!topic/google-visualization-api/mB_-ey_0268>they
 
suggested to use the 

chartArea: {}

option. It works but at the same time it it becomes too clingy and the 
subtitles doesn't exist anymore. 
Is there a way to obtain a Title + Subtitle and get some spacing in between?

On Monday, October 26, 2015 at 2:54:11 PM UTC+1, Sergey wrote:
>
> I'm not sure what you mean, Chris, that chart looks properly rendered to 
> me. Exactly which space do you consider extra?
>
> On Fri, Oct 23, 2015 at 6:21 PM Chris <[email protected] <javascript:>> 
> wrote:
>
>> Thank you, it worked with your solution.... but the code is creating a 
>> huge amount of space upon the chart ->  
>> http://plnkr.co/edit/GTg6MfMephB8lR3Kp66S?p=preview Why?
>>
>>
>> On Friday, October 23, 2015 at 8:47:46 PM UTC+2, Chris wrote:
>>>
>>> I am trying to customize the tooltips in a bar chart following the 
>>> documentation -> 
>>> https://developers.google.com/chart/interactive/docs/customizing_tooltip_content
>>>
>>> I add an extra columns for the Custom Tooltips:
>>>
>>>             var data = new google.visualization.DataTable();
>>>             data.addColumn('string', 'Country');
>>>             data.addColumn('number', 'Migrants entering a country');
>>>             data.addColumn('number', 'Migrants leaving a country');
>>>
>>>             data.addColumn({'type': 'string', 'role': 'tooltip', 'p': 
>>> {'html': true}})
>>>
>>> and set the options here 
>>>
>>> var optionsCount = {
>>>               title: 'Net Migrants rate',
>>>               subtitle: 'Migrant(s) per 1,000 population',
>>>               tooltip: {isHtml: true},
>>>               bars :'horizontal',
>>>
>>>               width: 880,
>>>               height : 400,
>>>               
>>>               hAxis: {
>>>                 viewWindow:{
>>>                      min: -30, max: 30  ,
>>>                   },
>>>               },
>>>               
>>>               isStacked:"true",
>>>               bar: {groupWidth: "90%"},
>>>               domainAxis: {
>>>                   textStyle: {
>>>                       fontSize: 12
>>>                   }
>>>               },
>>>
>>>               // legend: { position: "none" },
>>>               ticks: [0, 10, 20, 30, 40] 
>>>             };
>>>
>>> but the label for 'Qatar' is not working. Here is the complete code -> 
>>> http://plnkr.co/edit/8lU9fjRHLQjP5xI2PCBf?p=preview
>>>
>>>
>>>
>>> -- 
>> You received this message because you are subscribed to the Google Groups 
>> "Google Visualization API" group.
>> To unsubscribe from this group and stop receiving emails from it, send an 
>> email to [email protected] 
>> <javascript:>.
>> To post to this group, send email to [email protected] 
>> <javascript:>.
>> Visit this group at 
>> http://groups.google.com/group/google-visualization-api.
>> To view this discussion on the web visit 
>> https://groups.google.com/d/msgid/google-visualization-api/98844936-4ac2-4312-be70-4c9329a54f83%40googlegroups.com
>>  
>> <https://groups.google.com/d/msgid/google-visualization-api/98844936-4ac2-4312-be70-4c9329a54f83%40googlegroups.com?utm_medium=email&utm_source=footer>
>> .
>> For more options, visit https://groups.google.com/d/optout.
>>
>

-- 
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/ffea120a-b28e-4d7a-a76d-a00b9a351805%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to