[visualization-api] Stacked multi series bar chart

[Vishal Madhvani]

Hey all,

I need a stacked multi series bar chart for a project i'm working on and I 
can't seem to figure out if its possible using Google Charts.
The project use Material Design styling and Google Charts is awesome, so 
this would be ideal over a custom solution.

Here's a JSFiddle of the Material Design example from the google 
docs. https://jsfiddle.net/gvm0p62d/
It has 3 bars (series) per year; sales, expenses and profit.
I would like to add another dimension and make these bars to be stackable.

The data format from the example is :

var data = google.visualization.arrayToDataTable([
  ['Year', 'Sales', 'Expenses', 'Profit'],
  ['2014', 1000, 400, 200],
  ['2015', 1170, 460, 250],
  ['2016', 660, 1120, 300],
  ['2017', 1030, 540, 350]
]);


The data format i'm thinking would look something like:

var data = google.visualization.arrayToDataTable([
  ['Year', 'Sales', 'Expenses', 'Profit'],
  ['2014', [1000, 1000, 1000], [400, 400, 400], [200, 200, 200]],
  ['2015', [1170, 1170, 1170], [460, 460, 460], [250, 250, 250]],
  ['2016', [660, 660, 660], [1120, 1120, 1120], [300, 300, 300]],
  ['2017', [1030, 1030, 1030], [540, 540, 540], [350, 350, 350]]
]);



I guess the main question is, is this possible with the current api's?
I'm thinking not, so I may need to build a new chart type. Can I build on 
top of the existing chart? Or do I need to start from scratch?

Any ideas or advice would really be appreciated.

Thanks




-- 
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/65417b31-5c0b-41e0-b0ef-4107460bb5b6%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [visualization-api] Problem displaying chart in safari

[vitluhayquen]

thanks !

Vào 19:47:06 UTC+7 Thứ Ba, ngày 13 tháng 10 năm 2015, Daniel LaLiberte đã 
viết:
>
> Your code works fine for me on Safari (version 8.0.8 on Mac), which I made 
> a jsfiddle example from:  http://jsfiddle.net/dlaliberte/u2qzg56j/   
> There might have been some strange whitespace chars that I changed.  
>
> On Tue, Oct 13, 2015 at 5:24 AM, Adonai Technologies  > wrote:
>
>> google charts are not working on safari browser. i have tried on other 
>> browsers and its working fine.
>>
>> tried this code
>>
>> 
>>   
>> https://www.google.com/jsapi
>> ">
>> 
>>   google.load("visualization", "1", {packages:["corechart"]});
>>   google.setOnLoadCallback(drawChart);
>>   function drawChart() {
>> var data = google.visualization.arrayToDataTable([
>>   ['Language', 'Speakers (in millions)'],
>>   ['Assamese', 13], ['Bengali', 83], ['Bodo', 1.4],
>>   ['Dogri', 2.3], ['Gujarati', 46], ['Hindi', 300],
>>   ['Kannada', 38], ['Kashmiri', 5.5], ['Konkani', 5],
>>   ['Maithili', 20], ['Malayalam', 33], ['Manipuri', 1.5],
>>   ['Marathi', 72], ['Nepali', 2.9], ['Oriya', 33],
>>   ['Punjabi', 29], ['Sanskrit', 0.01], ['Santhali', 6.5],
>>   ['Sindhi', 2.5], ['Tamil', 61], ['Telugu', 74], ['Urdu', 52]
>> ]);
>>
>> var options = {
>>   title: 'Indian Language Use',
>>   legend: 'none',
>>   pieSliceText: 'label',
>>   slices: {  4: {offset: 0.2},
>> 12: {offset: 0.3},
>> 14: {offset: 0.4},
>> 15: {offset: 0.5},
>>   },
>> };
>>
>>   var chart = new 
>> google.visualization.PieChart(document.getElementById('piechart'));
>> chart.draw(data, options);
>>
>>   }
>> 
>>   
>>   
>> 
>>   
>> 
>>
>>
>> -- 
>> 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 google-visualization-api+unsubscr...@googlegroups.com 
>> .
>> To post to this group, send email to google-visua...@googlegroups.com 
>> .
>> 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/03dd00d9-c81c-4c9d-bc69-49da3bf80eed%40googlegroups.com
>>  
>> 
>> .
>> For more options, visit https://groups.google.com/d/optout.
>>
>
>
>
> -- 
> Daniel LaLiberte  
>  - 978-394-1058
> dlali...@google.com5CC, Cambridge MA
> daniel.l...@gmail.com  9 Juniper Ridge Road, Acton MA
>

-- 
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/06aadf31-80e4-437e-a87a-f7b2539d62df%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [visualization-api] Order by name in Sankey

['HighlyKiwi' via Google Visualization API]

Hi Khrys

I was working through this same problem. I've found that if you set the 
number of iterations to 0 then the chart draws based on your input the 
data. It took me awhile to find this, but it seems like the chart is drawn 
with a default of 32 iterations to figure out the best layout (its a 
mystery what that means exactly), so if you set it to 0 then it cannot 
resort to any other order. 

*YAY!, one line of code to fix the order.*

var options = {
>   height: 400,
>   width: 400,
>
>   sankey: {
> iterations: 0,
>   }


 Teamwork!


On Monday, December 28, 2015 at 9:23:08 AM UTC-8, Khrys wrote:
>
> Thanks.

-- 
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/8548a388-e558-4646-8670-8583c43ac848%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[visualization-api] Re: Bubble Chart values not displaying commas

[asingular]

Thanks Dan. Updating to the latest version did the trick. Appreciate the 
help.

On Tuesday, March 8, 2016 at 7:24:36 PM UTC-5, asingular wrote:
>
> Hi all,
>
> I am using the first example on this page: 
> https://developers.google.com/chart/interactive/docs/gallery/bubblechart. 
> It is working great but the numbers in the *Population *field are not 
> displaying commas. I am connecting to SQL server and looping through using 
> a Coldfusion query. Does anyone know why the commas are not displaying and 
> what I can do to fix it?
>
> Thanks so much!
> Joe
>

-- 
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/c942b485-7846-4f43-a7f9-48cd009bc021%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[visualization-api] Re: Bubble Chart Zoom Issue

[asingular]

You are THE MAN! Thanks so much, that works perfectly.

On Tuesday, March 8, 2016 at 7:33:30 PM UTC-5, asingular wrote:
>
> Hello all,
>
> I am using the first example on this page: 
> https://developers.google.com/chart/interactive/docs/gallery/bubblechart#overview
>  
> and it looks good. But I have one issue. I am using the following code to 
> zoom.
> explorer: { actions: ['dragToZoom', 'rightClickToReset'] } 
>
> The zoom function works as expected, but the bubble on the far right gets 
> cut off on the top right side. That doesn't happen if I take out explorer: 
> { actions: ['dragToZoom', 'rightClickToReset'] } . 
>
> Anyone know how I can fix it without hAxis.maxValue and vAxis.maxValue? 
> That is not an option since the data is too dynamic.
>
> thanks,
> Joe
>

-- 
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/3a8dd4ca-d2ad-41bc-a24d-35971d1f4f8c%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [visualization-api] Missing bars from chart

[Troy Forsyth]

I removed all options from the form. The pie chart on the view works fine. 
It's just the bar chart.

I have a popover trigger event launching the drawChart.

Also, it works fine and dandy in chrome, but edge gets the results you see.

On Thursday, March 10, 2016 at 2:36:21 PM UTC-5, Daniel LaLiberte wrote:
>
> Hi Troy,
>
> The other thing that can affect your charts is your options.  Could you 
> share those as well?
>
> It's also possible that some CSS on your page is affecting the SVG, but 
> less likely.
>
> On Thu, Mar 10, 2016 at 1:57 PM, Troy Forsyth  > wrote:
>
>> I've got my data coming in, formatted properly, and am showing the x & y 
>> axis. for some reason though, the actual bars are not rendering.
>>
>> When I use the google example: 
>>
>> var data = google.visualization.arrayToDataTable([
>>['Element', 'Density', { role: 'style' }, { role: 
>> 'annotation' }],
>>['Copper', 8.94, '#b87333', 'Cu'],
>>['Silver', 10.49, 'silver', 'Ag'],
>>['Gold', 19.30, 'gold', 'Au'],
>>['Platinum', 21.45, 'color: #e5e4e2', 'Pt']
>> ]);
>>
>> I get the attached image:
>>
>>
>> Please help!
>>
>> -- 
>> 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 google-visualization-api+unsubscr...@googlegroups.com 
>> .
>> To post to this group, send email to google-visua...@googlegroups.com 
>> .
>> Visit this group at 
>> https://groups.google.com/group/google-visualization-api.
>> To view this discussion on the web visit 
>> https://groups.google.com/d/msgid/google-visualization-api/ab9bd6be-832a-4e41-a24f-83d04f6283c1%40googlegroups.com
>>  
>> 
>> .
>> For more options, visit https://groups.google.com/d/optout.
>>
>
>
>
> -- 
> Daniel LaLiberte 
> dlali...@google.com5CC, Cambridge MA
>

-- 
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/c8398efc-37da-4314-abf9-a9eb3f6ec201%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [visualization-api] Missing bars from chart

['Daniel LaLiberte' via Google Visualization API]

Hi Troy,

The other thing that can affect your charts is your options.  Could you
share those as well?

It's also possible that some CSS on your page is affecting the SVG, but
less likely.

On Thu, Mar 10, 2016 at 1:57 PM, Troy Forsyth  wrote:

> I've got my data coming in, formatted properly, and am showing the x & y
> axis. for some reason though, the actual bars are not rendering.
>
> When I use the google example:
>
> var data = google.visualization.arrayToDataTable([
>['Element', 'Density', { role: 'style' }, { role:
> 'annotation' }],
>['Copper', 8.94, '#b87333', 'Cu'],
>['Silver', 10.49, 'silver', 'Ag'],
>['Gold', 19.30, 'gold', 'Au'],
>['Platinum', 21.45, 'color: #e5e4e2', 'Pt']
> ]);
>
> I get the attached image:
>
>
> Please help!
>
> --
> 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 google-visualization-api+unsubscr...@googlegroups.com.
> To post to this group, send email to
> google-visualization-api@googlegroups.com.
> Visit this group at
> https://groups.google.com/group/google-visualization-api.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/google-visualization-api/ab9bd6be-832a-4e41-a24f-83d04f6283c1%40googlegroups.com
> 
> .
> For more options, visit https://groups.google.com/d/optout.
>



-- 
Daniel LaLiberte 
dlalibe...@google.com    5CC, Cambridge MA

-- 
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/CAOtcSJNheeFsRZFTu8h8%2BDzxhiGmFqct13_3_8RiW5fhOs%2BEpw%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

[visualization-api] Missing bars from chart

[Troy Forsyth]

I've got my data coming in, formatted properly, and am showing the x & y 
axis. for some reason though, the actual bars are not rendering.

When I use the google example: 

var data = google.visualization.arrayToDataTable([
   ['Element', 'Density', { role: 'style' }, { role: 
'annotation' }],
   ['Copper', 8.94, '#b87333', 'Cu'],
   ['Silver', 10.49, 'silver', 'Ag'],
   ['Gold', 19.30, 'gold', 'Au'],
   ['Platinum', 21.45, 'color: #e5e4e2', 'Pt']
]);

I get the attached image:


Please help!

-- 
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/ab9bd6be-832a-4e41-a24f-83d04f6283c1%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [visualization-api] annotation chart date range out of whack with chart range

['Daniel LaLiberte' via Google Visualization API]

You can specify 'range' options to modify the ChartRangeFilter.

There are a couple of undocumented options regarding the zoom buttons, if
you want to customize them:
https://groups.google.com/d/msg/google-visualization-api/pzZoRUn5oLA/RQs6RSeJXr4J

On Thu, Mar 10, 2016 at 12:46 PM, Nick Dunbar  wrote:

> Ok, thank you for clarifying. Is there any way I can set a minimum zoom
> size, such as 1 day? Chart range filter in dashboards lets you do that, but
> I don't know if that works here.
> Thanks,
> NIck
>
> On Thu, Mar 10, 2016 at 4:55 PM, 'Daniel LaLiberte' via Google
> Visualization API  wrote:
>
>> The AnnotationChart legend at the top of the main chart is done with
>> HTML, so you could modify it with CSS, at least for now.
>>
>> Not all the normal corechart options are available for the
>> AnnotationChart itself, though many are for the 'chart' suboption.  Check
>> the options documented here:
>> https://developers.google.com/chart/interactive/docs/gallery/annotationchart#configuration-options
>>
>>
>> In particular, 'legend' is not supported at the top level, and the legend
>> is actually implemented outside the main chart.  More work in this area is
>> required.
>>
>> On Thu, Mar 10, 2016 at 11:35 AM, Nick Dunbar 
>> wrote:
>>
>>> Hi Dan,
>>>
>>> That fixed it - obvious when you think about it. A big thank you.
>>>
>>> A couple of things possibly related -
>>>  options: {legend:'left',
>>> 'title': label+' index',
>>> Don't seem to work - the legend is on the right and there is no title.
>>> How do I fix that?
>>> And do you know how I can change the font size of the legend for the
>>> annotation chart?
>>>
>>> Thanks again,
>>>
>>> Nick
>>>
>>> On Thu, Mar 10, 2016 at 4:19 PM, 'Daniel LaLiberte' via Google
>>> Visualization API  wrote:
>>>
 Hi Nick,

 Your chart.width option is causing the main chart to be the size you
 specified.  If you want the overall AnnotationChart to have a particular
 width and height, make sure you specify those options at the top level of
 the options, not inside the 'chart' suboptions.

 On Thu, Mar 10, 2016 at 10:58 AM,  wrote:

> Hi,
>
> I have created an annotation chart but the chart range filter display
> at the bottom is way bigger than the chart x axis itself (see screenshot).
> Is there a simple way to fix this so that the two are aligned?
>
> Below are the annotation chart options I am using:
>
> var chart = new google.visualization.ChartWrapper({
> chartType: 'AnnotationChart',
> containerId: 'chart_div',
> dataTable: lineTable,
> options: {legend:'left',
> 'title': label+' index',
> legendPosition: 'newRow',
> displayDateBarSeparator: true,
> ui: { snapToData: 'true'},
> chart: {
> vAxis: {format: '#,###', title: label},
> hAxis: {textStyle: {fontSize: 10, fontName: 'Times-Roman'}},
> colors: [ "violet", "turquoise"],
>   'width':800,
>   'height':500,
> backgroundColor: 'transparent',
> crosshair: { trigger: 'focus' },
> legend: { position: 'right' },
> interpolateNulls: true}
> }
> });
>
> Thank you,
> Nick
>
> --
> 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 google-visualization-api+unsubscr...@googlegroups.com.
> To post to this group, send email to
> google-visualization-api@googlegroups.com.
> Visit this group at
> https://groups.google.com/group/google-visualization-api.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/google-visualization-api/21d65fc7-c831-4033-8d14-7914a672c787%40googlegroups.com
> 
> .
> For more options, visit https://groups.google.com/d/optout.
>



 --
 Daniel LaLiberte
 
 dlalibe...@google.com    5CC, Cambridge MA

 --
 You received this message because you are subscribed to a topic in the
 Google Groups "Google Visualization API" group.
 To unsubscribe from this topic, visit
 https://groups.google.com/d/topic/google-visualization-api/9yqnV3H6ofw/unsubscribe
 .
 To unsubscribe from this group and all its topics, send an email to
 google-visualization-api+unsubscr...@googlegroups.com.
 To post to this group, send email to
 google-visualization-api@googlegroups.com.
 Visit this group at
 

Re: [visualization-api] annotation chart date range out of whack with chart range

[Nick Dunbar]

Ok, thank you for clarifying. Is there any way I can set a minimum zoom
size, such as 1 day? Chart range filter in dashboards lets you do that, but
I don't know if that works here.
Thanks,
NIck

On Thu, Mar 10, 2016 at 4:55 PM, 'Daniel LaLiberte' via Google
Visualization API  wrote:

> The AnnotationChart legend at the top of the main chart is done with HTML,
> so you could modify it with CSS, at least for now.
>
> Not all the normal corechart options are available for the AnnotationChart
> itself, though many are for the 'chart' suboption.  Check the options
> documented here:
> https://developers.google.com/chart/interactive/docs/gallery/annotationchart#configuration-options
>
>
> In particular, 'legend' is not supported at the top level, and the legend
> is actually implemented outside the main chart.  More work in this area is
> required.
>
> On Thu, Mar 10, 2016 at 11:35 AM, Nick Dunbar 
> wrote:
>
>> Hi Dan,
>>
>> That fixed it - obvious when you think about it. A big thank you.
>>
>> A couple of things possibly related -
>>  options: {legend:'left',
>> 'title': label+' index',
>> Don't seem to work - the legend is on the right and there is no title.
>> How do I fix that?
>> And do you know how I can change the font size of the legend for the
>> annotation chart?
>>
>> Thanks again,
>>
>> Nick
>>
>> On Thu, Mar 10, 2016 at 4:19 PM, 'Daniel LaLiberte' via Google
>> Visualization API  wrote:
>>
>>> Hi Nick,
>>>
>>> Your chart.width option is causing the main chart to be the size you
>>> specified.  If you want the overall AnnotationChart to have a particular
>>> width and height, make sure you specify those options at the top level of
>>> the options, not inside the 'chart' suboptions.
>>>
>>> On Thu, Mar 10, 2016 at 10:58 AM,  wrote:
>>>
 Hi,

 I have created an annotation chart but the chart range filter display
 at the bottom is way bigger than the chart x axis itself (see screenshot).
 Is there a simple way to fix this so that the two are aligned?

 Below are the annotation chart options I am using:

 var chart = new google.visualization.ChartWrapper({
 chartType: 'AnnotationChart',
 containerId: 'chart_div',
 dataTable: lineTable,
 options: {legend:'left',
 'title': label+' index',
 legendPosition: 'newRow',
 displayDateBarSeparator: true,
 ui: { snapToData: 'true'},
 chart: {
 vAxis: {format: '#,###', title: label},
 hAxis: {textStyle: {fontSize: 10, fontName: 'Times-Roman'}},
 colors: [ "violet", "turquoise"],
   'width':800,
   'height':500,
 backgroundColor: 'transparent',
 crosshair: { trigger: 'focus' },
 legend: { position: 'right' },
 interpolateNulls: true}
 }
 });

 Thank you,
 Nick

 --
 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 google-visualization-api+unsubscr...@googlegroups.com.
 To post to this group, send email to
 google-visualization-api@googlegroups.com.
 Visit this group at
 https://groups.google.com/group/google-visualization-api.
 To view this discussion on the web visit
 https://groups.google.com/d/msgid/google-visualization-api/21d65fc7-c831-4033-8d14-7914a672c787%40googlegroups.com
 
 .
 For more options, visit https://groups.google.com/d/optout.

>>>
>>>
>>>
>>> --
>>> Daniel LaLiberte 
>>> dlalibe...@google.com    5CC, Cambridge MA
>>>
>>> --
>>> You received this message because you are subscribed to a topic in the
>>> Google Groups "Google Visualization API" group.
>>> To unsubscribe from this topic, visit
>>> https://groups.google.com/d/topic/google-visualization-api/9yqnV3H6ofw/unsubscribe
>>> .
>>> To unsubscribe from this group and all its topics, send an email to
>>> google-visualization-api+unsubscr...@googlegroups.com.
>>> To post to this group, send email to
>>> google-visualization-api@googlegroups.com.
>>> Visit this group at
>>> https://groups.google.com/group/google-visualization-api.
>>> To view this discussion on the web visit
>>> https://groups.google.com/d/msgid/google-visualization-api/CAOtcSJOTSV3xDdvvc6w3TJ%3DoDC2ZfEX1mUPS1%2B718iG7pAGDKA%40mail.gmail.com
>>> 
>>> .
>>>
>>> For more options, visit https://groups.google.com/d/optout.
>>>

Re: [visualization-api] annotation chart date range out of whack with chart range

['Daniel LaLiberte' via Google Visualization API]

The AnnotationChart legend at the top of the main chart is done with HTML,
so you could modify it with CSS, at least for now.

Not all the normal corechart options are available for the AnnotationChart
itself, though many are for the 'chart' suboption.  Check the options
documented here:
https://developers.google.com/chart/interactive/docs/gallery/annotationchart#configuration-options


In particular, 'legend' is not supported at the top level, and the legend
is actually implemented outside the main chart.  More work in this area is
required.

On Thu, Mar 10, 2016 at 11:35 AM, Nick Dunbar  wrote:

> Hi Dan,
>
> That fixed it - obvious when you think about it. A big thank you.
>
> A couple of things possibly related -
>  options: {legend:'left',
> 'title': label+' index',
> Don't seem to work - the legend is on the right and there is no title. How
> do I fix that?
> And do you know how I can change the font size of the legend for the
> annotation chart?
>
> Thanks again,
>
> Nick
>
> On Thu, Mar 10, 2016 at 4:19 PM, 'Daniel LaLiberte' via Google
> Visualization API  wrote:
>
>> Hi Nick,
>>
>> Your chart.width option is causing the main chart to be the size you
>> specified.  If you want the overall AnnotationChart to have a particular
>> width and height, make sure you specify those options at the top level of
>> the options, not inside the 'chart' suboptions.
>>
>> On Thu, Mar 10, 2016 at 10:58 AM,  wrote:
>>
>>> Hi,
>>>
>>> I have created an annotation chart but the chart range filter display at
>>> the bottom is way bigger than the chart x axis itself (see screenshot). Is
>>> there a simple way to fix this so that the two are aligned?
>>>
>>> Below are the annotation chart options I am using:
>>>
>>> var chart = new google.visualization.ChartWrapper({
>>> chartType: 'AnnotationChart',
>>> containerId: 'chart_div',
>>> dataTable: lineTable,
>>> options: {legend:'left',
>>> 'title': label+' index',
>>> legendPosition: 'newRow',
>>> displayDateBarSeparator: true,
>>> ui: { snapToData: 'true'},
>>> chart: {
>>> vAxis: {format: '#,###', title: label},
>>> hAxis: {textStyle: {fontSize: 10, fontName: 'Times-Roman'}},
>>> colors: [ "violet", "turquoise"],
>>>   'width':800,
>>>   'height':500,
>>> backgroundColor: 'transparent',
>>> crosshair: { trigger: 'focus' },
>>> legend: { position: 'right' },
>>> interpolateNulls: true}
>>> }
>>> });
>>>
>>> Thank you,
>>> Nick
>>>
>>> --
>>> 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 google-visualization-api+unsubscr...@googlegroups.com.
>>> To post to this group, send email to
>>> google-visualization-api@googlegroups.com.
>>> Visit this group at
>>> https://groups.google.com/group/google-visualization-api.
>>> To view this discussion on the web visit
>>> https://groups.google.com/d/msgid/google-visualization-api/21d65fc7-c831-4033-8d14-7914a672c787%40googlegroups.com
>>> 
>>> .
>>> For more options, visit https://groups.google.com/d/optout.
>>>
>>
>>
>>
>> --
>> Daniel LaLiberte 
>> dlalibe...@google.com    5CC, Cambridge MA
>>
>> --
>> You received this message because you are subscribed to a topic in the
>> Google Groups "Google Visualization API" group.
>> To unsubscribe from this topic, visit
>> https://groups.google.com/d/topic/google-visualization-api/9yqnV3H6ofw/unsubscribe
>> .
>> To unsubscribe from this group and all its topics, send an email to
>> google-visualization-api+unsubscr...@googlegroups.com.
>> To post to this group, send email to
>> google-visualization-api@googlegroups.com.
>> Visit this group at
>> https://groups.google.com/group/google-visualization-api.
>> To view this discussion on the web visit
>> https://groups.google.com/d/msgid/google-visualization-api/CAOtcSJOTSV3xDdvvc6w3TJ%3DoDC2ZfEX1mUPS1%2B718iG7pAGDKA%40mail.gmail.com
>> 
>> .
>>
>> 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 google-visualization-api+unsubscr...@googlegroups.com.
> To post to this group, send email to
> google-visualization-api@googlegroups.com.
> Visit this group at
> https://groups.google.com/group/google-visualization-api.
> To view this discussion on 

Re: [visualization-api] annotation chart date range out of whack with chart range

[Nick Dunbar]

Hi Dan,

That fixed it - obvious when you think about it. A big thank you.

A couple of things possibly related -
 options: {legend:'left',
'title': label+' index',
Don't seem to work - the legend is on the right and there is no title. How
do I fix that?
And do you know how I can change the font size of the legend for the
annotation chart?

Thanks again,

Nick

On Thu, Mar 10, 2016 at 4:19 PM, 'Daniel LaLiberte' via Google
Visualization API  wrote:

> Hi Nick,
>
> Your chart.width option is causing the main chart to be the size you
> specified.  If you want the overall AnnotationChart to have a particular
> width and height, make sure you specify those options at the top level of
> the options, not inside the 'chart' suboptions.
>
> On Thu, Mar 10, 2016 at 10:58 AM,  wrote:
>
>> Hi,
>>
>> I have created an annotation chart but the chart range filter display at
>> the bottom is way bigger than the chart x axis itself (see screenshot). Is
>> there a simple way to fix this so that the two are aligned?
>>
>> Below are the annotation chart options I am using:
>>
>> var chart = new google.visualization.ChartWrapper({
>> chartType: 'AnnotationChart',
>> containerId: 'chart_div',
>> dataTable: lineTable,
>> options: {legend:'left',
>> 'title': label+' index',
>> legendPosition: 'newRow',
>> displayDateBarSeparator: true,
>> ui: { snapToData: 'true'},
>> chart: {
>> vAxis: {format: '#,###', title: label},
>> hAxis: {textStyle: {fontSize: 10, fontName: 'Times-Roman'}},
>> colors: [ "violet", "turquoise"],
>>   'width':800,
>>   'height':500,
>> backgroundColor: 'transparent',
>> crosshair: { trigger: 'focus' },
>> legend: { position: 'right' },
>> interpolateNulls: true}
>> }
>> });
>>
>> Thank you,
>> Nick
>>
>> --
>> 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 google-visualization-api+unsubscr...@googlegroups.com.
>> To post to this group, send email to
>> google-visualization-api@googlegroups.com.
>> Visit this group at
>> https://groups.google.com/group/google-visualization-api.
>> To view this discussion on the web visit
>> https://groups.google.com/d/msgid/google-visualization-api/21d65fc7-c831-4033-8d14-7914a672c787%40googlegroups.com
>> 
>> .
>> For more options, visit https://groups.google.com/d/optout.
>>
>
>
>
> --
> Daniel LaLiberte 
> dlalibe...@google.com    5CC, Cambridge MA
>
> --
> You received this message because you are subscribed to a topic in the
> Google Groups "Google Visualization API" group.
> To unsubscribe from this topic, visit
> https://groups.google.com/d/topic/google-visualization-api/9yqnV3H6ofw/unsubscribe
> .
> To unsubscribe from this group and all its topics, send an email to
> google-visualization-api+unsubscr...@googlegroups.com.
> To post to this group, send email to
> google-visualization-api@googlegroups.com.
> Visit this group at
> https://groups.google.com/group/google-visualization-api.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/google-visualization-api/CAOtcSJOTSV3xDdvvc6w3TJ%3DoDC2ZfEX1mUPS1%2B718iG7pAGDKA%40mail.gmail.com
> 
> .
>
> 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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/CAO5F7csUR5TcK73XjZCrGFBLQggEQshVjzWF%3DjUpd64KCrTrfA%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

Re: [visualization-api] annotation chart date range out of whack with chart range

['Daniel LaLiberte' via Google Visualization API]

Hi Nick,

Your chart.width option is causing the main chart to be the size you
specified.  If you want the overall AnnotationChart to have a particular
width and height, make sure you specify those options at the top level of
the options, not inside the 'chart' suboptions.

On Thu, Mar 10, 2016 at 10:58 AM,  wrote:

> Hi,
>
> I have created an annotation chart but the chart range filter display at
> the bottom is way bigger than the chart x axis itself (see screenshot). Is
> there a simple way to fix this so that the two are aligned?
>
> Below are the annotation chart options I am using:
>
> var chart = new google.visualization.ChartWrapper({
> chartType: 'AnnotationChart',
> containerId: 'chart_div',
> dataTable: lineTable,
> options: {legend:'left',
> 'title': label+' index',
> legendPosition: 'newRow',
> displayDateBarSeparator: true,
> ui: { snapToData: 'true'},
> chart: {
> vAxis: {format: '#,###', title: label},
> hAxis: {textStyle: {fontSize: 10, fontName: 'Times-Roman'}},
> colors: [ "violet", "turquoise"],
>   'width':800,
>   'height':500,
> backgroundColor: 'transparent',
> crosshair: { trigger: 'focus' },
> legend: { position: 'right' },
> interpolateNulls: true}
> }
> });
>
> Thank you,
> Nick
>
> --
> 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 google-visualization-api+unsubscr...@googlegroups.com.
> To post to this group, send email to
> google-visualization-api@googlegroups.com.
> Visit this group at
> https://groups.google.com/group/google-visualization-api.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/google-visualization-api/21d65fc7-c831-4033-8d14-7914a672c787%40googlegroups.com
> 
> .
> For more options, visit https://groups.google.com/d/optout.
>



-- 
Daniel LaLiberte 
dlalibe...@google.com    5CC, Cambridge MA

-- 
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/CAOtcSJOTSV3xDdvvc6w3TJ%3DoDC2ZfEX1mUPS1%2B718iG7pAGDKA%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

[visualization-api] Which chart should I use for this?

[Matt MatthewsVolvoSite]

It isn't obvious to me which type of chart to use. Thanks!

-- 
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/69fb35cd-b2d3-4c2c-ab83-1ff411097615%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[visualization-api] annotation chart date range out of whack with chart range

[dunbar . nick]

Hi, 

I have created an annotation chart but the chart range filter display at 
the bottom is way bigger than the chart x axis itself (see screenshot). Is 
there a simple way to fix this so that the two are aligned? 

Below are the annotation chart options I am using: 

var chart = new google.visualization.ChartWrapper({
chartType: 'AnnotationChart',
containerId: 'chart_div',
dataTable: lineTable,
options: {legend:'left',
'title': label+' index',
legendPosition: 'newRow',
displayDateBarSeparator: true,
ui: { snapToData: 'true'},
chart: {
vAxis: {format: '#,###', title: label},
hAxis: {textStyle: {fontSize: 10, fontName: 'Times-Roman'}},
colors: [ "violet", "turquoise"],
  'width':800,
  'height':500,
backgroundColor: 'transparent',
crosshair: { trigger: 'focus' },
legend: { position: 'right' },
interpolateNulls: true}
}
});

Thank you, 
Nick 

-- 
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/21d65fc7-c831-4033-8d14-7914a672c787%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [visualization-api] Re: Как сделать выделение сразу по всем линиям графика

['Sergey Grabkovsky' via Google Visualization API]

Sorry, this is not currently possible.

On Thu, Mar 10, 2016 at 10:22 AM Артемий Гаврюшин 
wrote:

> А можно ли "crosshair" задачи ширину полоски?
>
> четверг, 3 марта 2016 г., 15:32:33 UTC+3 пользователь Артемий Гаврюшин
> написал:
>
>> http://c3js.org/samples/chart_area.html
>> http://prntscr.com/aan7yh
>>
>> Как сделать, чтобы появлялись данные по срезу, сразу по всем линиям.
>>
>> В google chart я вижу, что можно увидеть информацию за нужную дату, но
>> только по одной линии - http://prntscr.com/aan93b
>>
> --
> 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 google-visualization-api+unsubscr...@googlegroups.com.
> To post to this group, send email to
> google-visualization-api@googlegroups.com.
> Visit this group at
> https://groups.google.com/group/google-visualization-api.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/google-visualization-api/0bd71939-2779-418d-a318-2b562981ac05%40googlegroups.com
> 
> .
> For more options, visit https://groups.google.com/d/optout.
>
-- 

*[image: unnamed.gif]• Sergey Grabkovsky• Software Engineer• Google, Inc•
gra...@google.com *

-- 
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/CAEwwup5Ei6mdXe2osJFGrG9GE2j%3DtHz3e5eThj1318%3DaY1%3DzYw%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

[visualization-api] Re: Как сделать выделение сразу по всем линиям графика

[Артемий Гаврюшин]

А можно ли "crosshair" задачи ширину полоски?

четверг, 3 марта 2016 г., 15:32:33 UTC+3 пользователь Артемий Гаврюшин 
написал:
>
> http://c3js.org/samples/chart_area.html
> http://prntscr.com/aan7yh
>
> Как сделать, чтобы появлялись данные по срезу, сразу по всем линиям.
>
> В google chart я вижу, что можно увидеть информацию за нужную дату, но 
> только по одной линии - http://prntscr.com/aan93b
>

-- 
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/0bd71939-2779-418d-a318-2b562981ac05%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[visualization-api] Re: Problems with Internet Explorer for big data in organizational chart

[Jovs JB]

I also forgot to mention that there is no error or some warnings in 
console, chart is just not showing up. I am using IE 11 but checked on IE 9 
also same issue.

-- 
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/b231ecb3-1c9d-422d-b476-291ae38fdf2e%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [visualization-api] How to grow stacked bar?

['Daniel LaLiberte' via Google Visualization API]

Hi Kok,

We don't have support for the explorer mode in the Timeline chart.  To get
something similar, you might look into wrapping the chart with a scrollable
div.

Check out the 'style' role to specify a color for each item.  Not sure it
will work, but worth a try.
https://developers.google.com/chart/interactive/docs/roles#what-are-roles

On Thu, Mar 10, 2016 at 4:35 AM, Kok How Teh  wrote:

> Hi;
>
>I think I made some mistakes. The (1) seems to work. Now I have the
> following questions / wish-list:
>
> (1) Explorable
>
> (2) Customizable colors for the bars. I am aware of the "colors"
> configuration option. However, the question is how to map this array of
> strings to predefined list of bars' "id" ?
>
>Thanks.
>
> Regards,
> KH
>
> On Wednesday, March 9, 2016 at 10:37:04 PM UTC+8, Daniel LaLiberte wrote:
>>
>> To add more items to a stack, you would add more series to your data,
>> which means you should add the new data series as a new column.
>>
>> But you may want to check out the timeline chart which sounds closer to
>> the kind of use case you describe:
>> https://developers.google.com/chart/interactive/docs/gallery/timeline
>>
>> On Tue, Mar 8, 2016 at 8:22 PM, Kok How Teh  wrote:
>>
>>> Hi Daniel;
>>>
>>> Is there any chart that I could use which would stack on the same
>>> bar when new values are added? I am trying to visualize the states of a
>>> state machine and the hAxis / X-Axis is time, Y-Axis is domain and every
>>> time the state machine changes, a new state (with predefined color for each
>>> state) is stacked on the same domain bar and people could zoom in / out on
>>> the bar, imagine that the bar stretches over days / weeks / months.
>>>
>>> Regards,
>>> KH
>>>
>>> On Tuesday, March 8, 2016 at 10:28:20 PM UTC+8, Daniel LaLiberte wrote:

 Hi Kok,

 First, just to be clear, what we are calling a BarChart is the same as
 a ColumnChart reoriented so the domain axis is vertical.  They both have
 the very same data table structure.  If you add rows to the table for a
 ColumnChart, additional stacked columns would show up on the right.  And if
 you add rows to the table for the BarChart, additional stacked columns
 would show up on the bottom. (depending on where you add the rows, and
 whether you change the 'direction' option).

 Either chart should work with the 'explorer' option, but the explorer
 mode does not yet work with discrete (string value) axes.  If your domain
 values (column 0) are discrete, you could still do some hacking to change
 your values to integers, and provide formatted values for each.  You would
 also want to use the explicit 'ticks' option to change how the tick values
 are displayed.

 On Tue, Mar 8, 2016 at 4:19 AM, Kok How Teh  wrote:

> Hi;
>
>I need a horizontal stacked bar which would grow horizontally with
> new data added to the data table and being explorable.
>
>How do I grow the stacked bar with new data? I expect it to behave
> like stacked column chart with addrow(). However, in the case of stacked
> bar, it's not row but column instead. Any advice and insight is
> appreciated. Thanks.
>
> Regards,
> KH
>
> --
> 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 google-visualization-api+unsubscr...@googlegroups.com.
> To post to this group, send email to google-visua...@googlegroups.com.
> Visit this group at
> https://groups.google.com/group/google-visualization-api.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/google-visualization-api/7d638d0e-d3fa-4bb5-8fe0-f3ba892d8e4b%40googlegroups.com
> 
> .
> For more options, visit https://groups.google.com/d/optout.
>



 --
 Daniel LaLiberte
 
 dlali...@google.com   5CC, Cambridge MA

>>> --
>>> 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 google-visualization-api+unsubscr...@googlegroups.com.
>>> To post to this group, send email to google-visua...@googlegroups.com.
>>> Visit this group at
>>> https://groups.google.com/group/google-visualization-api.
>>> To view this discussion on the web visit
>>> https://groups.google.com/d/msgid/google-visualization-api/061f62a1-4638-4a43-87b0-e434e09e8ba5%40googlegroups.com
>>> 

[visualization-api] Problems with Internet Explorer for big data in organizational chart

[Jovs JB]

Hello,

I am trying to adjust google organizational chart on Sharepoint page for 
our big company. In Google Chrome everithing is working ok, but in internet 
explorer organizational chart is only showing charts with small amount of 
data but not the one that have many nodes (i made filter so i can filter 
the data by departments and countries).

 I was doing big research on this problem but i still couldn't find any 
solution. I read somewhere that Internet explorer have some limitation for 
big tables in HTML for example if the table contains more than 1000 TD's 
().. I am not sure about this but i guess that maybe this is the main 
issue because google api is drawing the chart within html table. Could 
someone who maybe had similar problem give me some advice or solution? 

Thanks in advance. 

Jovan Buragev
Sharepoint Consultant and Developer

-- 
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/6acc9a4b-bd5d-42a3-bbb6-ab73c33c23cf%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [visualization-api] Re: Line chart - Display data-sets depending on other column (if/then)

['Daniel LaLiberte' via Google Visualization API]

Hi Nadja,

It is not exactly clear what you are asking for, but if you prepare your
data appropriately, I believe you can get the effect you want.  Look into
using the 'role' column:
https://developers.google.com/chart/interactive/docs/roles#what-are-roles
 and perhaps use a DataView with a calculated column to build the
appropriate table:
https://developers.google.com/chart/interactive/docs/reference#dataview-class


If you put together an example that we can look, we could perhaps help you
more.

On Thu, Mar 10, 2016 at 2:12 AM, Nadja  wrote:

> Can nobody help me?
> Or do you not understand what I mean?
> Nadja
>
> Am Montag, 7. März 2016 18:47:05 UTC+1 schrieb Nadja:
>>
>> Hello,
>>
>> I have a line chart with data from a database.
>> In the database I have a column called "error", where numbers or
>> characters reflect the error code (e.g. 0=no error, A=Error in size,
>> B=Error in).
>> If the error is not equal to "0" the data-set for this entry shall not be
>> displayed in the graph; there should be a marker for this data-set
>> (*/asterix/color-coded/...) to reflect that this data-set has an error.
>> In principle I need the good old "if/then" function; IF the error-column
>> is <>0, THEN display * or whatever...
>> Can somebody help me, how to fix this with google line charts?
>> Thank you
>> Nadja
>>
> --
> 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 google-visualization-api+unsubscr...@googlegroups.com.
> To post to this group, send email to
> google-visualization-api@googlegroups.com.
> Visit this group at
> https://groups.google.com/group/google-visualization-api.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/google-visualization-api/dfaff0db-a141-4b56-b3ec-c3e548aa7441%40googlegroups.com
> 
> .
>
> For more options, visit https://groups.google.com/d/optout.
>



-- 
Daniel LaLiberte 
dlalibe...@google.com    5CC, Cambridge MA

-- 
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/CAOtcSJOo4m-pbPRyktP30%2BnZN8sVW8Jj0Q3rLKwHS%3DDs-bTmGg%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

Re: [visualization-api] different between new google.charts.Bar & google.visualization.ComboChart

[natarajan govindavel]

Working fine.
you are rocks sergey

Thanks
Natarajan Govindavel


On Thursday, March 10, 2016 at 8:13:18 PM UTC+5:30, Sergey wrote:
>
> Natarajan,
>
> As I've said in an earlier email, you should only include /jsapi if you 
> use a GeoChart, and it doesn't appear that you do, so you should not 
> include it at all.
>
> Remember, that with the new loader, you need to do: google.*charts*.load 
> and google.*charts*.setOnLoadCallback.
>
> On Thu, Mar 10, 2016 at 9:15 AM natarajan govindavel  > wrote:
>
>>  Hi Sergey,
>>>
>>>  I tried your solution which is working fine in Firefox and Chrome but 
>>> Not in IE (checked with IE10,IE9,IE8,IE7).
>>>  It produce same issue . SCRIPT5007: Unable to get property 
>>> 'arrayToDataTable' of undefined or null reference.
>>>
>> I am using both classical and material charts on same page. should i 
>> include both library? 
>> https://www.google.com/jsapi
>> ">
>> https://www.gstatic.com/charts/loader.js";>
>> google.setOnLoadCallback(function() {
>> dataArray[0] = 
>> google.visualization.arrayToDataTable([['Status','Count'],['Open',183],['Closed',32]]);TitleArray[0]
>>  
>> = 'Incident Status';;
>> if (typeof dataArray[0] != "undefined") {
>> // Array dynamically generated from code behind   
>>  
>> var options = {
>> width: '100%',
>> height: 400,
>> titlePosition: 'none',//hiding the chart title
>> legend: {
>> position: 'bottom' //fix legend in bottom 
>> },
>> is3D: true
>> };
>> var colors = new Array()
>> for (var i = 0; i < dataArray[0].getNumberOfRows(); 
>> i++) {
>> if (dataArray[0].getValue(i, 0) == "Open")
>> colors[i] = '#DB4437';
>> else if (dataArray[0].getValue(i, 0) == "Closed")
>> colors[i] = '#3FC380';
>> else if (dataArray[0].getValue(i, 0) == "Incident 
>> Disposition")
>> colors[i] = '#F9BF3B';
>> }
>> options.colors = colors;
>> $('#status').text(TitleArray[0]);
>> drawChart('Pie', dataArray[0], 'div_id_1', options);
>> }
>> });
>>
>>
>>  
>>
>>>  Thanks
>>>  Natarajan
>>>
>>>
>>> On Tuesday, March 8, 2016 at 8:22:16 PM UTC+5:30, Sergey wrote:
>>>
>>> It sounds like you're not putting your chart code into a callback. That 
>>> is, you're probably doing something like:
>>> 
>>> 
>>> var data = google.visualization.arrayToDataTable(...);
>>> // more chart stuff
>>> 
>>>
>>> When you should be doing:
>>> ...
>>> 
>>> google.charts.load(...);
>>> google.charts.setOnLoadCallback(drawChart);
>>>
>>> function drawChart() {
>>>   var data = google.visualization.arrayToDataTable(...);
>>>   // more chart stuff
>>> }
>>> 
>>>
>>> On Tue, Mar 8, 2016 at 1:50 AM natarajan govindavel  
>>> wrote:
>>>
>>>
>>> Hi Sergey,
>>>
>>> If i remove jsapi loader code as you said i faced the following issue.
>>>
>>> https://www.gstatic.com/charts/loader.js";>
>>> <%-- https://www.google.com/jsapi?autoload={
>>> 'modules':[{
>>>   'name':'visualization',
>>>   'version':'1.1',
>>>   'packages':['corechart','bar','controls']
>>> }]
>>>   }">--%>
>>>  google.charts.load('current', {
>>> 'packages': ['corechart','bar', 'controls']
>>> });
>>> it shows the error message. Uncaught TypeError: Cannot read property 
>>> 'arrayToDataTable' of undefined.
>>> In the visualization charts not loaded.
>>>
>>> Thanks
>>> Natarajan
>>>
>>> On Monday, March 7, 2016 at 8:39:37 PM UTC+5:30, Sergey wrote:
>>>
>>> Natarajan,
>>>
>>> *Please do not use autoload and the gstatic loader on the same page*. 
>>> This can lead to issues that are very difficult to figure out.
>>>
>>> The gstatic loader is the only place where we're pushing new versions at 
>>> this point. Loading jsapi as well will cause older versions to be loaded. 
>>> The gstatic loader should be the only loader you use at this point (this 
>>> means you should remove the jsapi script entirely, unless you use the 
>>> GeoChart, in which case you still should not have it autoload). You need to 
>>> add 'corechart' to your google.charts.load call though.
>>>
>>> Sadly, there is currently no way to hide an axis in Material Charts.
>>>
>>> On Mon, Mar 7, 2016 at 7:59 AM natarajan govindavel  
>>> wrote:
>>>
>>> I forget to mention one thing. The below given chart is material chart.
>>>
>>>
>>> On Monday, March 7, 2016 at 5:02:37 PM UTC+5:30, natarajan govindavel 
>>> wrote:
>>>
>>> Hi Sergey,
>>>
>>> Thank so much for your 

Re: [visualization-api] Re: Bubble Chart Zoom Issue

['Daniel LaLiberte' via Google Visualization API]

OK, this seems to work:  https://jsfiddle.net/dlaliberte/99qd9pn2/

On Wed, Mar 9, 2016 at 6:42 PM, asingular  wrote:

> Hi Daniel,
>
> Thanks, but I am a little unsure of how to go about doing that. Could you
> perhaps give me an example?
>
> all the best,
> Joe
>
> On Tuesday, March 8, 2016 at 7:33:30 PM UTC-5, asingular wrote:
>
>> Hello all,
>>
>> I am using the first example on this page:
>> https://developers.google.com/chart/interactive/docs/gallery/bubblechart#overview
>> and it looks good. But I have one issue. I am using the following code to
>> zoom.
>> explorer: { actions: ['dragToZoom', 'rightClickToReset'] }
>>
>> The zoom function works as expected, but the bubble on the far right gets
>> cut off on the top right side. That doesn't happen if I take out explorer:
>> { actions: ['dragToZoom', 'rightClickToReset'] } .
>>
>> Anyone know how I can fix it without hAxis.maxValue and vAxis.maxValue?
>> That is not an option since the data is too dynamic.
>>
>> thanks,
>> Joe
>>
> --
> 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 google-visualization-api+unsubscr...@googlegroups.com.
> To post to this group, send email to
> google-visualization-api@googlegroups.com.
> Visit this group at
> https://groups.google.com/group/google-visualization-api.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/google-visualization-api/8be1725f-102a-46de-a3ad-6e813b458bb9%40googlegroups.com
> 
> .
>
> For more options, visit https://groups.google.com/d/optout.
>



-- 
Daniel LaLiberte 
dlalibe...@google.com    5CC, Cambridge MA

-- 
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/CAOtcSJNm1m6cjw%2Bv7VeNCAgZgHyG3C9wXBkchA290kkZRUy-kA%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

Re: [visualization-api] different between new google.charts.Bar & google.visualization.ComboChart

['Sergey Grabkovsky' via Google Visualization API]

Natarajan,

As I've said in an earlier email, you should only include /jsapi if you use
a GeoChart, and it doesn't appear that you do, so you should not include it
at all.

Remember, that with the new loader, you need to do: google.*charts*.load
and google.*charts*.setOnLoadCallback.

On Thu, Mar 10, 2016 at 9:15 AM natarajan govindavel 
wrote:

>  Hi Sergey,
>>
>>  I tried your solution which is working fine in Firefox and Chrome but
>> Not in IE (checked with IE10,IE9,IE8,IE7).
>>  It produce same issue . SCRIPT5007: Unable to get property
>> 'arrayToDataTable' of undefined or null reference.
>>
> I am using both classical and material charts on same page. should i
> include both library?
> https://www.google.com/jsapi
> ">
> https://www.gstatic.com/charts/loader.js";>
> google.setOnLoadCallback(function() {
> dataArray[0] =
> google.visualization.arrayToDataTable([['Status','Count'],['Open',183],['Closed',32]]);TitleArray[0]
> = 'Incident Status';;
> if (typeof dataArray[0] != "undefined") {
> // Array dynamically generated from code behind
>
> var options = {
> width: '100%',
> height: 400,
> titlePosition: 'none',//hiding the chart title
> legend: {
> position: 'bottom' //fix legend in bottom
> },
> is3D: true
> };
> var colors = new Array()
> for (var i = 0; i < dataArray[0].getNumberOfRows();
> i++) {
> if (dataArray[0].getValue(i, 0) == "Open")
> colors[i] = '#DB4437';
> else if (dataArray[0].getValue(i, 0) == "Closed")
> colors[i] = '#3FC380';
> else if (dataArray[0].getValue(i, 0) == "Incident
> Disposition")
> colors[i] = '#F9BF3B';
> }
> options.colors = colors;
> $('#status').text(TitleArray[0]);
> drawChart('Pie', dataArray[0], 'div_id_1', options);
> }
> });
>
>
>
>
>>  Thanks
>>  Natarajan
>>
>>
>> On Tuesday, March 8, 2016 at 8:22:16 PM UTC+5:30, Sergey wrote:
>>
>> It sounds like you're not putting your chart code into a callback. That
>> is, you're probably doing something like:
>> 
>> 
>> var data = google.visualization.arrayToDataTable(...);
>> // more chart stuff
>> 
>>
>> When you should be doing:
>> ...
>> 
>> google.charts.load(...);
>> google.charts.setOnLoadCallback(drawChart);
>>
>> function drawChart() {
>>   var data = google.visualization.arrayToDataTable(...);
>>   // more chart stuff
>> }
>> 
>>
>> On Tue, Mar 8, 2016 at 1:50 AM natarajan govindavel 
>> wrote:
>>
>>
>> Hi Sergey,
>>
>> If i remove jsapi loader code as you said i faced the following issue.
>>
>> https://www.gstatic.com/charts/loader.js";>
>> <%-- https://www.google.com/jsapi?autoload={
>> 'modules':[{
>>   'name':'visualization',
>>   'version':'1.1',
>>   'packages':['corechart','bar','controls']
>> }]
>>   }">--%>
>>  google.charts.load('current', {
>> 'packages': ['corechart','bar', 'controls']
>> });
>> it shows the error message. Uncaught TypeError: Cannot read property
>> 'arrayToDataTable' of undefined.
>> In the visualization charts not loaded.
>>
>> Thanks
>> Natarajan
>>
>> On Monday, March 7, 2016 at 8:39:37 PM UTC+5:30, Sergey wrote:
>>
>> Natarajan,
>>
>> *Please do not use autoload and the gstatic loader on the same page*.
>> This can lead to issues that are very difficult to figure out.
>>
>> The gstatic loader is the only place where we're pushing new versions at
>> this point. Loading jsapi as well will cause older versions to be loaded.
>> The gstatic loader should be the only loader you use at this point (this
>> means you should remove the jsapi script entirely, unless you use the
>> GeoChart, in which case you still should not have it autoload). You need to
>> add 'corechart' to your google.charts.load call though.
>>
>> Sadly, there is currently no way to hide an axis in Material Charts.
>>
>> On Mon, Mar 7, 2016 at 7:59 AM natarajan govindavel 
>> wrote:
>>
>> I forget to mention one thing. The below given chart is material chart.
>>
>>
>> On Monday, March 7, 2016 at 5:02:37 PM UTC+5:30, natarajan govindavel
>> wrote:
>>
>> Hi Sergey,
>>
>> Thank so much for your support. Almost fixed all the issues except one.
>> Is their anyway to hiding these (highlighted) supplementary axis from the
>> chart.
>>
>>
>> 
>>
>> Thanks
>> Natarajan Govindavel
>>
>> On Wednesday, February 24, 

Re: [visualization-api] different between new google.charts.Bar & google.visualization.ComboChart

[natarajan govindavel]

>
>  Hi Sergey,
>
>  I tried your solution which is working fine in Firefox and Chrome but Not 
> in IE (checked with IE10,IE9,IE8,IE7).
>  It produce same issue . SCRIPT5007: Unable to get property 
> 'arrayToDataTable' of undefined or null reference.
>
I am using both classical and material charts on same page. should i 
include both library? 
https://www.google.com/jsapi";>
https://www.gstatic.com/charts/loader.js";>
google.setOnLoadCallback(function() {
dataArray[0] = 
google.visualization.arrayToDataTable([['Status','Count'],['Open',183],['Closed',32]]);TitleArray[0]
 
= 'Incident Status';;
if (typeof dataArray[0] != "undefined") {
// Array dynamically generated from code behind 
   
var options = {
width: '100%',
height: 400,
titlePosition: 'none',//hiding the chart title
legend: {
position: 'bottom' //fix legend in bottom 
},
is3D: true
};
var colors = new Array()
for (var i = 0; i < dataArray[0].getNumberOfRows(); 
i++) {
if (dataArray[0].getValue(i, 0) == "Open")
colors[i] = '#DB4437';
else if (dataArray[0].getValue(i, 0) == "Closed")
colors[i] = '#3FC380';
else if (dataArray[0].getValue(i, 0) == "Incident 
Disposition")
colors[i] = '#F9BF3B';
}
options.colors = colors;
$('#status').text(TitleArray[0]);
drawChart('Pie', dataArray[0], 'div_id_1', options);
}
});


 

>  
>  Thanks
>  Natarajan
>
>
> On Tuesday, March 8, 2016 at 8:22:16 PM UTC+5:30, Sergey wrote:
>
> It sounds like you're not putting your chart code into a callback. That 
> is, you're probably doing something like:
> 
> 
> var data = google.visualization.arrayToDataTable(...);
> // more chart stuff
> 
>
> When you should be doing:
> ...
> 
> google.charts.load(...);
> google.charts.setOnLoadCallback(drawChart);
>
> function drawChart() {
>   var data = google.visualization.arrayToDataTable(...);
>   // more chart stuff
> }
> 
>
> On Tue, Mar 8, 2016 at 1:50 AM natarajan govindavel  
> wrote:
>
>
> Hi Sergey,
>
> If i remove jsapi loader code as you said i faced the following issue.
>
> https://www.gstatic.com/charts/loader.js";>
> <%-- https://www.google.com/jsapi?autoload={
> 'modules':[{
>   'name':'visualization',
>   'version':'1.1',
>   'packages':['corechart','bar','controls']
> }]
>   }">--%>
>  google.charts.load('current', {
> 'packages': ['corechart','bar', 'controls']
> });
> it shows the error message. Uncaught TypeError: Cannot read property 
> 'arrayToDataTable' of undefined.
> In the visualization charts not loaded.
>
> Thanks
> Natarajan
>
> On Monday, March 7, 2016 at 8:39:37 PM UTC+5:30, Sergey wrote:
>
> Natarajan,
>
> *Please do not use autoload and the gstatic loader on the same page*. 
> This can lead to issues that are very difficult to figure out.
>
> The gstatic loader is the only place where we're pushing new versions at 
> this point. Loading jsapi as well will cause older versions to be loaded. 
> The gstatic loader should be the only loader you use at this point (this 
> means you should remove the jsapi script entirely, unless you use the 
> GeoChart, in which case you still should not have it autoload). You need to 
> add 'corechart' to your google.charts.load call though.
>
> Sadly, there is currently no way to hide an axis in Material Charts.
>
> On Mon, Mar 7, 2016 at 7:59 AM natarajan govindavel  
> wrote:
>
> I forget to mention one thing. The below given chart is material chart.
>
>
> On Monday, March 7, 2016 at 5:02:37 PM UTC+5:30, natarajan govindavel 
> wrote:
>
> Hi Sergey,
>
> Thank so much for your support. Almost fixed all the issues except one.
> Is their anyway to hiding these (highlighted) supplementary axis from the 
> chart.
>
>
> 
>
> Thanks
> Natarajan Govindavel
>
> On Wednesday, February 24, 2016 at 9:31:59 PM UTC+5:30, Sergey wrote:
>
> Hi Natarajan,
>
> You should be able to use html2canvas to save the charts as images, as the 
> stackoverflow post suggests. You may be aware that some of our charts (like 
> ComboChart and the rest of the charts provided by the 'corechart' package) 
> support getImageUri, which will basically allow you to save images of the 
> charts, but Material Charts do not yet support this API.
>
> On Wed, Feb 24, 2016 at 10:26 AM natarajan govindavel 

Re: [visualization-api] different between new google.charts.Bar & google.visualization.ComboChart

[natarajan govindavel]

>
>  Hi Sergey,
>
>  I tried your solution which is working fine in Firefox and Chrome but Not 
> in IE (checked with IE10,IE9,IE8,IE7).
>  It produce same issue . SCRIPT5007: Unable to get property 
> 'arrayToDataTable' of undefined or null reference.
>
I am using both classical and material chart on same page. should i 
need these two lib included?

> https://www.google.com/jsapi";>
>  src="https://www.gstatic.com/charts/loader.js";> 
>
google.setOnLoadCallback(function() {
dataArray[0] = 
google.visualization.arrayToDataTable([['Status','Count'],['Open',183],['Closed',32]]);TitleArray[0]
 
= 'Incident Status';;
if (typeof dataArray[0] != "undefined") {
// Array dynamically generated from code behind 
   
var options = {
width: '100%',
height: 400,
titlePosition: 'none',//hiding the chart title
legend: {
position: 'bottom' //fix legend in bottom 
},
is3D: true
};
var colors = new Array()
for (var i = 0; i < dataArray[0].getNumberOfRows(); 
i++) {
if (dataArray[0].getValue(i, 0) == "Open")
colors[i] = '#DB4437';
else if (dataArray[0].getValue(i, 0) == "Closed")
colors[i] = '#3FC380';
else if (dataArray[0].getValue(i, 0) == "Incident 
Disposition")
colors[i] = '#F9BF3B';
}
options.colors = colors;
$('#status').text(TitleArray[0]);
drawChart('Pie', dataArray[0], 'div_id_1', options);
}
});

 

>  Thanks
>  Natarajan
>
>
> On Tuesday, March 8, 2016 at 8:22:16 PM UTC+5:30, Sergey wrote:
>
> It sounds like you're not putting your chart code into a callback. That 
> is, you're probably doing something like:
> 
> 
> var data = google.visualization.arrayToDataTable(...);
> // more chart stuff
> 
>
> When you should be doing:
> ...
> 
> google.charts.load(...);
> google.charts.setOnLoadCallback(drawChart);
>
> function drawChart() {
>   var data = google.visualization.arrayToDataTable(...);
>   // more chart stuff
> }
> 
>
> On Tue, Mar 8, 2016 at 1:50 AM natarajan govindavel  
> wrote:
>
>
> Hi Sergey,
>
> If i remove jsapi loader code as you said i faced the following issue.
>
> https://www.gstatic.com/charts/loader.js";>
> <%-- https://www.google.com/jsapi?autoload={
> 'modules':[{
>   'name':'visualization',
>   'version':'1.1',
>   'packages':['corechart','bar','controls']
> }]
>   }">--%>
>  google.charts.load('current', {
> 'packages': ['corechart','bar', 'controls']
> });
> it shows the error message. Uncaught TypeError: Cannot read property 
> 'arrayToDataTable' of undefined.
> In the visualization charts not loaded.
>
> Thanks
> Natarajan
>
> On Monday, March 7, 2016 at 8:39:37 PM UTC+5:30, Sergey wrote:
>
> Natarajan,
>
> *Please do not use autoload and the gstatic loader on the same page*. 
> This can lead to issues that are very difficult to figure out.
>
> The gstatic loader is the only place where we're pushing new versions at 
> this point. Loading jsapi as well will cause older versions to be loaded. 
> The gstatic loader should be the only loader you use at this point (this 
> means you should remove the jsapi script entirely, unless you use the 
> GeoChart, in which case you still should not have it autoload). You need to 
> add 'corechart' to your google.charts.load call though.
>
> Sadly, there is currently no way to hide an axis in Material Charts.
>
> On Mon, Mar 7, 2016 at 7:59 AM natarajan govindavel  
> wrote:
>
> I forget to mention one thing. The below given chart is material chart.
>
>
> On Monday, March 7, 2016 at 5:02:37 PM UTC+5:30, natarajan govindavel 
> wrote:
>
> Hi Sergey,
>
> Thank so much for your support. Almost fixed all the issues except one.
> Is their anyway to hiding these (highlighted) supplementary axis from the 
> chart.
>
>
> 
>
> Thanks
> Natarajan Govindavel
>
> On Wednesday, February 24, 2016 at 9:31:59 PM UTC+5:30, Sergey wrote:
>
> Hi Natarajan,
>
> You should be able to use html2canvas to save the charts as images, as the 
> stackoverflow post suggests. You may be aware that some of our charts (like 
> ComboChart and the rest of the charts provided by the 'corechart' package) 
> support getImageUri, which will basically allow you to save images of the 
> charts, but Material Charts do not yet support 

Re: [visualization-api] different between new google.charts.Bar & google.visualization.ComboChart

[natarajan govindavel]

 Hi Sergey,

 I tried your solution which is working fine in Firefox and Chrome but Not 
in IE (checked with IE10,IE9,IE8,IE7).
 It produce same issue . SCRIPT5007: Unable to get property 
'arrayToDataTable' of undefined or null reference.
 
 Thanks
 Natarajan


On Tuesday, March 8, 2016 at 8:22:16 PM UTC+5:30, Sergey wrote:
>
> It sounds like you're not putting your chart code into a callback. That 
> is, you're probably doing something like:
> 
> 
> var data = google.visualization.arrayToDataTable(...);
> // more chart stuff
> 
>
> When you should be doing:
> ...
> 
> google.charts.load(...);
> google.charts.setOnLoadCallback(drawChart);
>
> function drawChart() {
>   var data = google.visualization.arrayToDataTable(...);
>   // more chart stuff
> }
> 
>
> On Tue, Mar 8, 2016 at 1:50 AM natarajan govindavel  > wrote:
>
>
> Hi Sergey,
>
> If i remove jsapi loader code as you said i faced the following issue.
>
> https://www.gstatic.com/charts/loader.js";>
> <%-- https://www.google.com/jsapi?autoload={
> 'modules':[{
>   'name':'visualization',
>   'version':'1.1',
>   'packages':['corechart','bar','controls']
> }]
>   }">--%>
>  google.charts.load('current', {
> 'packages': ['corechart','bar', 'controls']
> });
> it shows the error message. Uncaught TypeError: Cannot read property 
> 'arrayToDataTable' of undefined.
> In the visualization charts not loaded.
>
> Thanks
> Natarajan
>
> On Monday, March 7, 2016 at 8:39:37 PM UTC+5:30, Sergey wrote:
>
> Natarajan,
>
> *Please do not use autoload and the gstatic loader on the same page*. 
> This can lead to issues that are very difficult to figure out.
>
> The gstatic loader is the only place where we're pushing new versions at 
> this point. Loading jsapi as well will cause older versions to be loaded. 
> The gstatic loader should be the only loader you use at this point (this 
> means you should remove the jsapi script entirely, unless you use the 
> GeoChart, in which case you still should not have it autoload). You need to 
> add 'corechart' to your google.charts.load call though.
>
> Sadly, there is currently no way to hide an axis in Material Charts.
>
> On Mon, Mar 7, 2016 at 7:59 AM natarajan govindavel  
> wrote:
>
> I forget to mention one thing. The below given chart is material chart.
>
>
> On Monday, March 7, 2016 at 5:02:37 PM UTC+5:30, natarajan govindavel 
> wrote:
>
> Hi Sergey,
>
> Thank so much for your support. Almost fixed all the issues except one.
> Is their anyway to hiding these (highlighted) supplementary axis from the 
> chart.
>
>
> 
>
> Thanks
> Natarajan Govindavel
>
> On Wednesday, February 24, 2016 at 9:31:59 PM UTC+5:30, Sergey wrote:
>
> Hi Natarajan,
>
> You should be able to use html2canvas to save the charts as images, as the 
> stackoverflow post suggests. You may be aware that some of our charts (like 
> ComboChart and the rest of the charts provided by the 'corechart' package) 
> support getImageUri, which will basically allow you to save images of the 
> charts, but Material Charts do not yet support this API.
>
> On Wed, Feb 24, 2016 at 10:26 AM natarajan govindavel  
> wrote:
>
> Hi Sergey,
>
> Is there any other way to save material chart as images.
> like given in that link : 
> http://stackoverflow.com/questions/6887183/how-to-take-screen-shot-of-a-div-with-javascript
>
> Thanks
> Natarajan Govidavel
>
>
> On Friday, February 19, 2016 at 8:43:59 PM UTC+5:30, Sergey wrote:
>
> So I don't see anything obviously wrong with your code. Could you link to 
> a page on which you're experiencing the error? If you're uncomfortable 
> sharing the link over the forum, feel free to send me a private message.
>
> On Fri, Feb 19, 2016 at 8:47 AM natarajan govindavel  
> wrote:
>
> Hi sergey,
>
> I have seen  below mentioned issue in browser console
> Error: one or more fonts could not be loaded.
>
> In FireFox (44.0.2) this issue happen more frequently.
> And I checked with the link 
>
> https://groups.google.com/forum/#!topic/google-visualization-api/bSJLBO_fm2w
>
> so i changed from current to 43 still issue exists.
> And my code is very complex because making the array dynamically from 
> webservice (asmx) and calling that data using jquery ajax.
>
> function ChangePeriodL(id) {
> if (id != "") {
> $(".loc").removeClass('active');
> $(id).addClass('active');
> value = $(id).attr('id');
> event_id = "CLICK"; //click event
> g_var = 0;
> } else
> value = 0;
> $.ajax({
> type: "POST",
> url: "remote url",
> contentType: "application/json; charset=utf-8",
> dataType: "json",
> data: JSON.stringify({
> "timespan": value
>   

[visualization-api] Timeline/Line Chart

[Craig P]

Hi

I'm trying to create a chart that displays auction bidding information. 
 The chart would need to show a reserve price line with no markers, in 
other words if you hover over the reserve line, no tooltips would appear.

The other line would display the timestamp the bid price was received. 
 When you hover this line, the marker would display, the timestamp of the 
bid, the name of the bidder and the bid amount.

The x-axis would represent the price and the y-axis is the auction duration.

I've gone through several different chart but can't seem to find that 
matches the data set being supplied to the chart.  Any ideas what chart 
might suit the dataset.

Sample dataset

  dataTable.addColumn({type: 'string', id: 'Bidder'});

  dataTable.addColumn({type: 'date', id: 'Timestamp'});

  dataTable.addColumn({type: 'number', id: 'Bid'});

  dataTable.addColumn({type: 'number', id: 'Reserve'});


  dataTable.addRows([

['Fred Flintstone', new Date(0,0,0,12,1,30),  15000,  65000],

['Mary Poppins',new Date(0,0,0,12,1,41),  16000,  65000],

['Adam Davies', new Date(0,0,0,12,1,47),  18000,  65000],

['Fred Flintstone', new Date(0,0,0,12,2,02),  2,  65000],

['Adam Davies', new Date(0,0,0,12,2,10),  23000,  65000],

['Mary Poppins',new Date(0,0,0,12,2,18),  26000,  65000],

['Adam Davies', new Date(0,0,0,12,2,24),  3,  65000],

['Fred Flintstone', new Date(0,0,0,12,2,27),  33000,  65000],

['Bill Bryson', new Date(0,0,0,12,2,31),  35000,  65000],

['Adam Davies', new Date(0,0,0,12,2,35),  4,  65000],

['Fred Flintstone', new Date(0,0,0,12,2,41),  45000,  65000],

['Mary Poppins',new Date(0,0,0,12,3,01),  5,  65000]

  ]);


Something like this chart created in Excel



thanks

-- 
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/abbeb773-6fdf-47e9-8da7-8e8ee92f7344%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [visualization-api] How to grow stacked bar?

[Kok How Teh]

Hi;

   I think I made some mistakes. The (1) seems to work. Now I have the 
following questions / wish-list:

(1) Explorable

(2) Customizable colors for the bars. I am aware of the "colors" 
configuration option. However, the question is how to map this array of 
strings to predefined list of bars' "id" ?

   Thanks.

Regards,
KH

On Wednesday, March 9, 2016 at 10:37:04 PM UTC+8, Daniel LaLiberte wrote:
>
> To add more items to a stack, you would add more series to your data, 
> which means you should add the new data series as a new column.
>
> But you may want to check out the timeline chart which sounds closer to 
> the kind of use case you describe:  
> https://developers.google.com/chart/interactive/docs/gallery/timeline
>
> On Tue, Mar 8, 2016 at 8:22 PM, Kok How Teh  > wrote:
>
>> Hi Daniel;
>>
>> Is there any chart that I could use which would stack on the same bar 
>> when new values are added? I am trying to visualize the states of a state 
>> machine and the hAxis / X-Axis is time, Y-Axis is domain and every time the 
>> state machine changes, a new state (with predefined color for each state) 
>> is stacked on the same domain bar and people could zoom in / out on the 
>> bar, imagine that the bar stretches over days / weeks / months.
>>
>> Regards,
>> KH
>>
>> On Tuesday, March 8, 2016 at 10:28:20 PM UTC+8, Daniel LaLiberte wrote:
>>>
>>> Hi Kok,
>>>
>>> First, just to be clear, what we are calling a BarChart is the same as a 
>>> ColumnChart reoriented so the domain axis is vertical.  They both have the 
>>> very same data table structure.  If you add rows to the table for a 
>>> ColumnChart, additional stacked columns would show up on the right.  And if 
>>> you add rows to the table for the BarChart, additional stacked columns 
>>> would show up on the bottom. (depending on where you add the rows, and 
>>> whether you change the 'direction' option).
>>>
>>> Either chart should work with the 'explorer' option, but the explorer 
>>> mode does not yet work with discrete (string value) axes.  If your domain 
>>> values (column 0) are discrete, you could still do some hacking to change 
>>> your values to integers, and provide formatted values for each.  You would 
>>> also want to use the explicit 'ticks' option to change how the tick values 
>>> are displayed.
>>>
>>> On Tue, Mar 8, 2016 at 4:19 AM, Kok How Teh  wrote:
>>>
 Hi;

I need a horizontal stacked bar which would grow horizontally with 
 new data added to the data table and being explorable.

How do I grow the stacked bar with new data? I expect it to behave 
 like stacked column chart with addrow(). However, in the case of stacked 
 bar, it's not row but column instead. Any advice and insight is 
 appreciated. Thanks.

 Regards,
 KH

 -- 
 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 google-visualization-api+unsubscr...@googlegroups.com.
 To post to this group, send email to google-visua...@googlegroups.com.
 Visit this group at 
 https://groups.google.com/group/google-visualization-api.
 To view this discussion on the web visit 
 https://groups.google.com/d/msgid/google-visualization-api/7d638d0e-d3fa-4bb5-8fe0-f3ba892d8e4b%40googlegroups.com
  
 
 .
 For more options, visit https://groups.google.com/d/optout.

>>>
>>>
>>>
>>> -- 
>>> Daniel LaLiberte 
>>> dlali...@google.com   5CC, Cambridge MA
>>>
>> -- 
>> 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 google-visualization-api+unsubscr...@googlegroups.com 
>> .
>> To post to this group, send email to google-visua...@googlegroups.com 
>> .
>> Visit this group at 
>> https://groups.google.com/group/google-visualization-api.
>> To view this discussion on the web visit 
>> https://groups.google.com/d/msgid/google-visualization-api/061f62a1-4638-4a43-87b0-e434e09e8ba5%40googlegroups.com
>>  
>> 
>> .
>>
>> For more options, visit https://groups.google.com/d/optout.
>>
>
>
>
> -- 
> Daniel LaLiberte 
> dlali...@google.com5CC, Cambridge MA
>

-- 
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,