[visualization-api] Re: Chart Range Filter - hAxis label positions

2014-08-20 Thread Shivani Kanakhara
Hello, i tried changing the chartArea options (height,top,bottom)..still 
cannot get to display the label outside the range filter.
Check this-  http://jsfiddle.net/shivani_1001/8yygoyak/


On Tuesday, August 19, 2014 6:43:49 PM UTC+5:30, Shivani Kanakhara wrote:

 Cannot position the labels on hAxis of Chart Range Filter control. The 
 current position of labels seems a bit confusing on the first sight . E.g. 
 the section for the date label is on its right side. Can't we position the 
 labels outside the hAxis of the filter control as it is in the chart? There 
 is a property 'textPosition' with values 'in','out','none'. But setting 
 textPosition:out does not work. Is there any other way to position the 
 labels outside the chart range filter?

 I have attached a snap showing current label positions.


-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Re: Timelines in js from a google script?

2014-08-20 Thread Mackey McCandlish
Here is the html, it is just an example from the visualization samples, 
wrapped in htmlbody.

On Tuesday, August 19, 2014 4:11:40 PM UTC-7, Andrew Gallant wrote:

 Can you attach Timeline.html here?

 On Tuesday, August 19, 2014 9:49:13 AM UTC-4, Mackey McCandlish wrote:

 doGet() returns HtmlService.createHtmlOutputFromFile('timeline'), and 
 timeline.html has the html in it. Timeline.html is another file in the 
 project.

 Thanks.

 On Monday, August 18, 2014 5:18:09 PM UTC-7, Andrew Gallant wrote:

 Is the chart code in the file you load through the 
 HtmlService.createHtmlOutputFromFile call, or is it in apps script?

 On Monday, August 18, 2014 10:31:46 AM UTC-4, Mackey McCandlish wrote:

 I've been able to create charts in javascript and display them from my 
 googlescript app, by using an app that returns 
 HtmlService.createHtmlOutputFromFile('filename');

 When I try to do this with a timeline chart, nothing appears. The 
 script is from google's visualization example at 
 https://google-developers.appspot.com/chart/interactive/docs/gallery/timeline
 .

 Is this meant to be supported?

 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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.




html
  head
    script type="text/_javascript_" src=""/script
    script type="text/_javascript_"
      google.load("visualization", "1", {packages:["timeline"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = "">
          ['Pres', 'Start', 'End'],
          ['2004',  new Date(1789, 3, 29),      new Date(1797, 2, 3)],
          ['2005',  new Date(1797, 2, 3),       new Date(1801, 2, 3)],
          ['2006',  new Date(1801, 2, 3),       new Date(1809, 2, 3)],
        ]);

        var options = {
          title: 'Company Performance',
          vAxis: {title: 'Year',  titleTextStyle: {color: 'red'}}
        };

        var chart = new google.visualization.Timeline(document.getElementById('chart_div'));

        chart.draw(data, options);
      }
    /script
  /head
  body
    div id="chart_div" style="width: 900px; height: 500px;"/div
  /body
/html




Re: [visualization-api] Annotation Chart -hAxis- Does not display days of the week

2014-08-20 Thread anuj joshi
hey is this a dynamic chart. if yes can u help me



On Wed, Aug 20, 2014 at 1:12 PM, Shivani Kanakhara shivani.10@gmail.com
 wrote:

 On narrowing the range selector in annotation chart Year on hAxis changes
 to date but the date does not change to days of the week (E.g
 MonJun12,TueJun13). It works fine with annotated timeline, but not with
 annotation chart.

 Attached snaps for annotated timeline and annotation chart showing the
 difference.

 --
 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
 http://groups.google.com/group/google-visualization-api.
 For more options, visit https://groups.google.com/d/optout.




-- 

   1. *darkdevilo1*

-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Modifying chart source

2014-08-20 Thread Shivani Kanakhara
Is Google charts api open source?
Can anybody modify its source or contribute as a developer by adding or 
modifying the source code??
Can we save the JS locally?

-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


Re: [visualization-api] Annotation Chart -hAxis- Does not display days of the week

2014-08-20 Thread Shivani Kanakhara
yes


On Wednesday, August 20, 2014 1:46:49 PM UTC+5:30, anuj joshi wrote:

 hey is this a dynamic chart. if yes can u help me



 On Wed, Aug 20, 2014 at 1:12 PM, Shivani Kanakhara shivani...@gmail.com 
 javascript: wrote:

 On narrowing the range selector in annotation chart Year on hAxis changes 
 to date but the date does not change to days of the week (E.g 
 MonJun12,TueJun13). It works fine with annotated timeline, but not with 
 annotation chart.

 Attached snaps for annotated timeline and annotation chart showing the 
 difference.

 -- 
 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 
 javascript:.
 To post to this group, send email to google-visua...@googlegroups.com 
 javascript:.
 Visit this group at 
 http://groups.google.com/group/google-visualization-api.
 For more options, visit https://groups.google.com/d/optout.




 -- 

1. *darkdevilo1* 

  

-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Re: Chart Range Filter - hAxis label positions

2014-08-20 Thread anuj joshi
hey can you provide me the source code for the chart.

-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Re: print out high resolution

2014-08-20 Thread Yehonathan Sharvit
How can I draw a chart with a high resolution?

The only way I found is to increase the dimension of the chart. But this 
will also increase the size of the chart on the screen which is undesired.

Is there a way ton increase the resolution of the chart without increasing 
its size on the screen?
The purpose is to create a high resolution png image.

On Friday, 8 February 2013 17:38:49 UTC+2, asgallant wrote:

 Draw the chart in whatever resolution you want; as far as I am aware, 
 there is no upper bound to the dimensions.  You can then save the chart as 
 an image using this: http://jsfiddle.net/SCjm8/1/ (note that this code 
 works best in Chrome or Firefox, anmd will not work at all in older 
 versions of IE).

 On Friday, February 8, 2013 10:10:43 AM UTC-5, denise ammons wrote:

 I need to print out a google chart high resolution for a poster is 
 there a way to do that?? 



-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Deprecation Notice for Google charts

2014-08-20 Thread Shivani Kanakhara
If a chart is about to be deprecated,when will we be notified? 
What does 3-year deprecation policy mean?
Does it mean that we will be notified regarding chart chart deprecation 
3-years early?

Also i would like to know that after the deprecation period is over can we 
continue to use those older charts or will they be completely removed from 
API?

-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


Re: [visualization-api] Re: Chart Range Filter - hAxis label positions

2014-08-20 Thread 'Daniel LaLiberte' via Google Visualization API
I set the control's ui.chartOptions.chartArea.height and increased the
height, and it seems to work fine: http://jsfiddle.net/dlaliberte/0wb2zvye/


On Wed, Aug 20, 2014 at 2:17 AM, Shivani Kanakhara shivani.10@gmail.com
 wrote:

 Hello, i tried changing the chartArea options (height,top,bottom)..still
 cannot get to display the label outside the range filter.
 Check this-  http://jsfiddle.net/shivani_1001/8yygoyak/



 On Tuesday, August 19, 2014 6:43:49 PM UTC+5:30, Shivani Kanakhara wrote:

 Cannot position the labels on hAxis of Chart Range Filter control. The
 current position of labels seems a bit confusing on the first sight . E.g.
 the section for the date label is on its right side. Can't we position the
 labels outside the hAxis of the filter control as it is in the chart? There
 is a property 'textPosition' with values 'in','out','none'. But setting
 textPosition:out does not work. Is there any other way to position the
 labels outside the chart range filter?

 I have attached a snap showing current label positions.

  --
 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
 http://groups.google.com/group/google-visualization-api.
 For more options, visit https://groups.google.com/d/optout.




-- 
Daniel LaLiberte https://plus.google.com/100631381223468223275?prsrc=2  -
978-394-1058
dlalibe...@google.com dlalibe...@google.com   5CC, Cambridge MA
daniel.lalibe...@gmail.com daniel.lalibe...@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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Re: Visulization API version

2014-08-20 Thread Andrew Gallant
You should use version 1, which is always the most current release. 
 Version 1.1 is for the release candidate, which may not be stable.

On Wednesday, August 20, 2014 1:48:13 AM UTC-4, Shivani Kanakhara wrote:

 Which Visulization API version should be used? 1.0 or 1.1 ??
 In case of using version 1.0 what difference will it make?
 Are both the versions stable enough to be used in a web application?


-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


Re: [visualization-api] Charts deprecation

2014-08-20 Thread Andrew Gallant
The deprecation policy states that Google will continue to provide service 
for deprecated API's and components for 3 years from the date of 
deprecation.  After 3 years, access could be turned off at any time.  The 
Visualization API team's goal with deprecated components is to replace them 
with new components before turning off access to the old components.

You cannot save a particular version of the API, as the Visualization API's 
Terms of Service prohibit locally hosting, mirroring, or otherwise 
accessing the API from a source other than Google.

On Wednesday, August 20, 2014 1:55:03 AM UTC-4, Shivani Kanakhara wrote:

 What does this mean? - Source: 
 http://googledevelopers.blogspot.com.br/2012/04/changes-to-deprecation-policies-and-api.html
 Does it mean that with this deprecation policy we will have 3 year notice 
 before an API will deprecate?

 On Tuesday, August 19, 2014 9:53:43 PM UTC+5:30, Sergey wrote:

 Yes, the deprecation of a chart will be announced long before it is 
 actually removed. Our goal is to provide viable alternatives (or at least 
 frozen versions) before permanently removing a chart. But if I were you, I 
 wouldn't start using any of the already deprecated charts (such as the 
 MotionChart or the AnnotatedTimeLine). We already have the AnnotationChart 
 to replace the AnnotatedTimeLine and are working on an alternative to the 
 MotionChart. We will not remove it until we have a fully-working 
 replacement.

 On Tue Aug 19 2014 at 12:18:24 PM Shivani Kanakhara shivani...@gmail.com 
 wrote:

 Is it possible that suddenly a chart is removed from the Api? Or it 
 stops functioning.
 If yes then will there be any sort of announcement before its removal?
 Or if some other chart is made as an alternative to the deprecated one 
 then can we continue using the older one?

  -- 
 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.
 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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Re: Timelines in js from a google script?

2014-08-20 Thread Andrew Gallant
The only problems I see with that file are that it is missing a !DOCTYPE 
declaration, and it has an errant comma at the end of the data array:

var data = google.visualization.arrayToDataTable([
['Pres', 'Start', 'End'],
['2004',  new Date(1789, 3, 29),  new Date(1797, 2, 3)],
['2005',  new Date(1797, 2, 3),   new Date(1801, 2, 3)],
['2006',  new Date(1801, 2, 3),   new Date(1809, 2, 3)], -- this 
comma
]);

These two issues will prevent the chart from drawing in IE8 and older, but 
otherwise the chart should draw fine.  Do you have a public-facing page 
where this is being pulled in by the HtmlService that I can test?

On Wednesday, August 20, 2014 2:24:47 AM UTC-4, Mackey McCandlish wrote:

 Here is the html, it is just an example from the visualization samples, 
 wrapped in htmlbody.

 On Tuesday, August 19, 2014 4:11:40 PM UTC-7, Andrew Gallant wrote:

 Can you attach Timeline.html here?

 On Tuesday, August 19, 2014 9:49:13 AM UTC-4, Mackey McCandlish wrote:

 doGet() returns HtmlService.createHtmlOutputFromFile('timeline'), and 
 timeline.html has the html in it. Timeline.html is another file in the 
 project.

 Thanks.

 On Monday, August 18, 2014 5:18:09 PM UTC-7, Andrew Gallant wrote:

 Is the chart code in the file you load through the 
 HtmlService.createHtmlOutputFromFile call, or is it in apps script?

 On Monday, August 18, 2014 10:31:46 AM UTC-4, Mackey McCandlish wrote:

 I've been able to create charts in javascript and display them from my 
 googlescript app, by using an app that returns 
 HtmlService.createHtmlOutputFromFile('filename');

 When I try to do this with a timeline chart, nothing appears. The 
 script is from google's visualization example at 
 https://google-developers.appspot.com/chart/interactive/docs/gallery/timeline
 .

 Is this meant to be supported?

 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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Re: print out high resolution

2014-08-20 Thread Andrew Gallant
Resolution translates directly into image size, as pixels in a browser have 
fixed physical dimensions for any given screen size, resolution, and 
scaling (browser pixels do not necessarily map 1:1 to screen pixels).  The 
Visualization API is not aware of (and cannot be made aware of) the 
difference between a browser pixel and a screen pixel.  Fortunately, the 
difference does not matter, as the charts are drawn as vector graphics, 
which the browser should render at the screen's native resolution; thus, 
you cannot get a higher resolution chart than your specified dimensions.

I am not certain how this works when the SVG is converted to an image/octet 
stream; either you will have a native pixel resolution image (which is the 
highest it could be, given the dimensions you specified), or you will get a 
browser-pixel resolution image, in which case you will need to draw a 
larger version of the chart to get the higher resolution that you want.

On Wednesday, August 20, 2014 7:34:49 AM UTC-4, Yehonathan Sharvit wrote:

 How can I draw a chart with a high resolution?

 The only way I found is to increase the dimension of the chart. But this 
 will also increase the size of the chart on the screen which is undesired.

 Is there a way ton increase the resolution of the chart without increasing 
 its size on the screen?
 The purpose is to create a high resolution png image.

 On Friday, 8 February 2013 17:38:49 UTC+2, asgallant wrote:

 Draw the chart in whatever resolution you want; as far as I am aware, 
 there is no upper bound to the dimensions.  You can then save the chart as 
 an image using this: http://jsfiddle.net/SCjm8/1/ (note that this code 
 works best in Chrome or Firefox, anmd will not work at all in older 
 versions of IE).

 On Friday, February 8, 2013 10:10:43 AM UTC-5, denise ammons wrote:

 I need to print out a google chart high resolution for a poster is 
 there a way to do that?? 



-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


Re: [visualization-api] Re: print out high resolution

2014-08-20 Thread Yehonathan Sharvit
I see.

1. The solution I found is to scale the svg like this: 
http://jsfiddle.net/viebel/vwc8dh8k/10/ before to convert it to an image/octet 
stream.


2. Is there a way to create a big chart without affecting what is display on 
the screen?


On Aug 20, 2014, at 3:50 PM, Andrew Gallant agall...@google.com wrote:

 Resolution translates directly into image size, as pixels in a browser have 
 fixed physical dimensions for any given screen size, resolution, and scaling 
 (browser pixels do not necessarily map 1:1 to screen pixels).  The 
 Visualization API is not aware of (and cannot be made aware of) the 
 difference between a browser pixel and a screen pixel.  Fortunately, the 
 difference does not matter, as the charts are drawn as vector graphics, which 
 the browser should render at the screen's native resolution; thus, you cannot 
 get a higher resolution chart than your specified dimensions.
 
 I am not certain how this works when the SVG is converted to an image/octet 
 stream; either you will have a native pixel resolution image (which is the 
 highest it could be, given the dimensions you specified), or you will get a 
 browser-pixel resolution image, in which case you will need to draw a larger 
 version of the chart to get the higher resolution that you want.
 
 On Wednesday, August 20, 2014 7:34:49 AM UTC-4, Yehonathan Sharvit wrote:
 How can I draw a chart with a high resolution?
 
 The only way I found is to increase the dimension of the chart. But this will 
 also increase the size of the chart on the screen which is undesired.
 
 Is there a way ton increase the resolution of the chart without increasing 
 its size on the screen?
 The purpose is to create a high resolution png image.
 
 On Friday, 8 February 2013 17:38:49 UTC+2, asgallant wrote:
 Draw the chart in whatever resolution you want; as far as I am aware, there 
 is no upper bound to the dimensions.  You can then save the chart as an image 
 using this: http://jsfiddle.net/SCjm8/1/ (note that this code works best in 
 Chrome or Firefox, anmd will not work at all in older versions of IE).
 
 On Friday, February 8, 2013 10:10:43 AM UTC-5, denise ammons wrote:
 I need to print out a google chart high resolution for a poster is 
 there a way to do that?? 
 
 -- 
 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/I52qUPmuFu8/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 http://groups.google.com/group/google-visualization-api.
 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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


Re: [visualization-api] Re: print out high resolution

2014-08-20 Thread Yehonathan Sharvit
I see.

1. The solution I found is to scale the svg like this:
http://jsfiddle.net/viebel/vwc8dh8k/10/ before to convert it to an
image/octet stream.

2. Is there a way to create a big chart without affecting what is display
on the screen?


On Wed, Aug 20, 2014 at 3:50 PM, Andrew Gallant agall...@google.com wrote:

 Resolution translates directly into image size, as pixels in a browser
 have fixed physical dimensions for any given screen size, resolution, and
 scaling (browser pixels do not necessarily map 1:1 to screen pixels).  The
 Visualization API is not aware of (and cannot be made aware of) the
 difference between a browser pixel and a screen pixel.  Fortunately, the
 difference does not matter, as the charts are drawn as vector graphics,
 which the browser should render at the screen's native resolution; thus,
 you cannot get a higher resolution chart than your specified dimensions.

 I am not certain how this works when the SVG is converted to an
 image/octet stream; either you will have a native pixel resolution image
 (which is the highest it could be, given the dimensions you specified), or
 you will get a browser-pixel resolution image, in which case you will need
 to draw a larger version of the chart to get the higher resolution that you
 want.


 On Wednesday, August 20, 2014 7:34:49 AM UTC-4, Yehonathan Sharvit wrote:

 How can I draw a chart with a high resolution?

 The only way I found is to increase the dimension of the chart. But this
 will also increase the size of the chart on the screen which is undesired.

 Is there a way ton increase the resolution of the chart without
 increasing its size on the screen?
 The purpose is to create a high resolution png image.

 On Friday, 8 February 2013 17:38:49 UTC+2, asgallant wrote:

 Draw the chart in whatever resolution you want; as far as I am aware,
 there is no upper bound to the dimensions.  You can then save the chart as
 an image using this: http://jsfiddle.net/SCjm8/1/ (note that this code
 works best in Chrome or Firefox, anmd will not work at all in older
 versions of IE).

 On Friday, February 8, 2013 10:10:43 AM UTC-5, denise ammons wrote:

 I need to print out a google chart high resolution for a poster is
 there a way to do that??

  --
 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/I52qUPmuFu8/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
 http://groups.google.com/group/google-visualization-api.
 For more options, visit https://groups.google.com/d/optout.




-- 
Are we what we become or do we become what we are? - Prof. Beno Gross

-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


Re: [visualization-api] Re: Chart Range Filter - hAxis label positions

2014-08-20 Thread Shivani Kanakhara
Ok thanks. Can we do the same for Annotation Charts??

On Wednesday, August 20, 2014 5:46:33 PM UTC+5:30, Daniel LaLiberte wrote:

 I set the control's ui.chartOptions.chartArea.height and increased the 
 height, and it seems to work fine: 
 http://jsfiddle.net/dlaliberte/0wb2zvye/


 On Wed, Aug 20, 2014 at 2:17 AM, Shivani Kanakhara shivani...@gmail.com 
 javascript: wrote:

 Hello, i tried changing the chartArea options (height,top,bottom)..still 
 cannot get to display the label outside the range filter.
 Check this-  http://jsfiddle.net/shivani_1001/8yygoyak/



 On Tuesday, August 19, 2014 6:43:49 PM UTC+5:30, Shivani Kanakhara wrote:

 Cannot position the labels on hAxis of Chart Range Filter control. The 
 current position of labels seems a bit confusing on the first sight . E.g. 
 the section for the date label is on its right side. Can't we position the 
 labels outside the hAxis of the filter control as it is in the chart? There 
 is a property 'textPosition' with values 'in','out','none'. But setting 
 textPosition:out does not work. Is there any other way to position the 
 labels outside the chart range filter?

 I have attached a snap showing current label positions.

  -- 
 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 
 javascript:.
 To post to this group, send email to google-visua...@googlegroups.com 
 javascript:.
 Visit this group at 
 http://groups.google.com/group/google-visualization-api.
 For more options, visit https://groups.google.com/d/optout.




 -- 
 Daniel LaLiberte https://plus.google.com/100631381223468223275?prsrc=2 
  - 978-394-1058
 dlali...@google.com javascript:   5CC, Cambridge MA
 daniel.l...@gmail.com javascript: 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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Donut charts with a single value don't show the value

2014-08-20 Thread Oren Hurvitz
Occasionally I need to display a donut chart that only has one value, i.e. 
a single slice that equals 100%. When that happens, the chart doesn't show 
the slice's value on top of the slice. This problem doesn't happen with 
regular pie charts; only with donut charts.

Is there any way to get the value to show up? If not, then can the 
developers fix this for the next version? 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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] i have problem changing this to native javascript

2014-08-20 Thread anuj joshi
private native void createChart()
/*-{

$(function () {
$wnd.$(document).ready(function () {
$wnd.Highcharts.setOptions({
global: {
useUTC: false
}
});

$wnd.$('#container').highcharts({
chart: {
type: 'spline',
animation: $wnd.Highcharts.svg, // don't animate in old 
IE
marginRight: 10,
events: {
load: function () {

// set up the updating of the chart each second
var series = this.series[0];
setInterval(function () {
var x = (new Date()).getTime(), // current 
time
y = Math.random();
series.addPoint([x, y], true, true);
}, 1000);
}
}
},
title: {
text: 'Live random data'
},
xAxis: {
type: 'datetime',
tickPixelInterval: 150
},
yAxis: {
title: {
text: 'Value'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
formatter: function () {
return 'b' + this.series.name + '/bbr/' +
$wnd.Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', 
this.x) + 'br/' +
$wnd.Highcharts.numberFormat(this.y, 2);
}
},
legend: {
enabled: false
},
exporting: {
enabled: false
},
series: [{
name: 'Random data',
data: (function () {
// generate an array of random data
var data = [],
time = (new Date()).getTime(),
i;

for (i = -19; i = 0; i += 1) {
data.push({
x: time + i * 1000,
y: Math.random()
});
}
return data;
}())
}]
});
});
});

 }-*/;

}

-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] ClassDefNotFoundErroe org/apache/commons/logging/LogFactory

2014-08-20 Thread simran kaur
I am following this example to get started with google charts.I made sure 
that i added the jar files that are needed and the class compiled 
successfully but while trying to deploy it, here is the error that I am 
getting:

How to fix this?

java.lang.NoClassDefFoundError: org/apache/commons/logging/LogFactory
at com.google.visualization.datasource.DataSourceHelper.(Unknown Source)
at com.google.visualization.datasource.DataSourceServlet.doGet(Unknown 
Source)
at javax.servlet.http.HttpServlet.service(HttpServlet.java:731)
at javax.servlet.http.HttpServlet.service(HttpServlet.java:844)
at 
weblogic.servlet.internal.StubSecurityHelper$ServletServiceAction.run(StubSecurityHelper.java:242)
at 
weblogic.servlet.internal.StubSecurityHelper$ServletServiceAction.run(StubSecurityHelper.java:216)
at 
weblogic.servlet.internal.StubSecurityHelper.invokeServlet(StubSecurityHelper.java:132)
at 
weblogic.servlet.internal.ServletStubImpl.execute(ServletStubImpl.java:338)
at 
weblogic.servlet.internal.ServletStubImpl.execute(ServletStubImpl.java:221)
at 
weblogic.servlet.internal.WebAppServletContext$ServletInvocationAction.wrapRun(WebAppServletContext.java:3284)
at 
weblogic.servlet.internal.WebAppServletContext$ServletInvocationAction.run(WebAppServletContext.java:3254)
at 
weblogic.security.acl.internal.AuthenticatedSubject.doAs(AuthenticatedSubject.java:321)
at 
weblogic.security.service.SecurityManager.runAs(SecurityManager.java:120)
at 
weblogic.servlet.provider.WlsSubjectHandle.run(WlsSubjectHandle.java:57)
at 
weblogic.servlet.internal.WebAppServletContext.doSecuredExecute(WebAppServletContext.java:2163)
at 
weblogic.servlet.internal.WebAppServletContext.securedExecute(WebAppServletContext.java:2089)
at 
weblogic.servlet.internal.WebAppServletContext.execute(WebAppServletContext.java:2074)
at 
weblogic.servlet.internal.ServletRequestImpl.run(ServletRequestImpl.java:1513)
at 
weblogic.servlet.provider.ContainerSupportProviderImpl$WlsRequestExecutor.run(ContainerSupportProviderImpl.java:254)
at weblogic.work.ExecuteThread.execute(ExecuteThread.java:256)
at weblogic.work.ExecuteThread.run(ExecuteThread.java:221)
Caused by: java.lang.ClassNotFoundException: 
org.apache.commons.logging.LogFactory
at java.net.URLClassLoader$1.run(URLClassLoader.java:202)
at java.security.AccessController.doPrivileged(Native Method)
at java.net.URLClassLoader.findClass(URLClassLoader.java:190)
at java.lang.ClassLoader.loadClass(ClassLoader.java:306)
at sun.misc.Launcher$AppClassLoader.loadClass(Launcher.java:301)
at java.lang.ClassLoader.loadClass(ClassLoader.java:247)
... 21 more




-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


Re: [visualization-api] Re: Chart Range Filter - hAxis label positions

2014-08-20 Thread 'Daniel LaLiberte' via Google Visualization API
There is an undocumented range option for the AnnotationChart which you
can use to control the range selector options.  For example, the following
will move the tick labels to the outside position:

 { range:
   { ui: { chartOptions: {
 height: 80,
 chartArea: { height:60 },
 hAxis: { textPosition: out}
 } } }

For the in textPosition, there is another option that controls whether
the label is to the left or right of the gridline:

  inTextPosition: low  // high is to the right



On Wed, Aug 20, 2014 at 10:46 AM, Shivani Kanakhara 
shivani.10@gmail.com wrote:

 In case of Annotation Charts the labels on hAxis of range selector are on
 the left of the vertical gridlines.That seems a bit confusing. It is proper
 in case of Annotated Timeline-there the labels are to the right.

 Do we have any option in Annotation Charts to position the labels?

 Attached snaps showing the difference.

 On Wednesday, August 20, 2014 5:46:33 PM UTC+5:30, Daniel LaLiberte wrote:

 I set the control's ui.chartOptions.chartArea.height and increased the
 height, and it seems to work fine: http://jsfiddle.net/
 dlaliberte/0wb2zvye/


 On Wed, Aug 20, 2014 at 2:17 AM, Shivani Kanakhara shivani...@gmail.com
 wrote:

 Hello, i tried changing the chartArea options (height,top,bottom)..still
 cannot get to display the label outside the range filter.
 Check this-  http://jsfiddle.net/shivani_1001/8yygoyak/



 On Tuesday, August 19, 2014 6:43:49 PM UTC+5:30, Shivani Kanakhara wrote:

 Cannot position the labels on hAxis of Chart Range Filter control. The
 current position of labels seems a bit confusing on the first sight . E.g.
 the section for the date label is on its right side. Can't we position the
 labels outside the hAxis of the filter control as it is in the chart? There
 is a property 'textPosition' with values 'in','out','none'. But setting
 textPosition:out does not work. Is there any other way to position the
 labels outside the chart range filter?

 I have attached a snap showing current label positions.

  --
 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.
 For more options, visit https://groups.google.com/d/optout.




 --
 Daniel LaLiberte https://plus.google.com/100631381223468223275?prsrc=2
  - 978-394-1058
 dlali...@google.com   5CC, 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
 http://groups.google.com/group/google-visualization-api.
 For more options, visit https://groups.google.com/d/optout.




-- 
Daniel LaLiberte https://plus.google.com/100631381223468223275?prsrc=2  -
978-394-1058
dlalibe...@google.com dlalibe...@google.com   5CC, Cambridge MA
daniel.lalibe...@gmail.com daniel.lalibe...@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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] NoClassdefFoundError

2014-08-20 Thread simran kaur
I am following this example at get started page of Google charts 
https://developers.google.com/chart/interactive/docs/dev/dsl_get_started?csw=1
 to 
integrate charts in servlets.I made sure that I have added the essential 
jars and I am getting this error on trying to run it, it was successfully 
compiled though WebLogic is not able to resolve visualization jar and does 
not see the classes inside. 

How can I fix this?



-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Re: specifying N number of x-axis when data is only one

2014-08-20 Thread Neil Camara
Hi Andrew,

What's wrong with my ticks?

hAxis: {
format:'h:mm aa',
ticks: [
[0, 0, 0, 0], [1, 0, 0, 0], [2, 0, 0, 0], [3, 0, 0, 0], [4, 
0, 0, 0], [5, 0, 0, 0], [6, 0, 0, 0], [7, 0, 0, 0], [8, 0, 0, 0], [9, 0, 0, 
0], [10, 0, 0, 0], [11, 0, 0, 0], [12, 0, 0, 0],
[13, 0, 0, 0], [14, 0, 0, 0], [15, 0, 0, 0], [16, 0, 0, 0], 
[17, 0, 0, 0], [18, 0, 0, 0], [19, 0, 0, 0], [20, 0, 0, 0], [21, 0, 0, 0], 
[22, 0, 0, 0], [23, 0, 0, 0]
]
//gridlines: {
//count: 24
//}
},

graph is failing now

-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Non-geographic heat map.

2014-08-20 Thread Bryan Maloney
Since Google API doesn't support phylograms (and certainly not unrooted 
trees), is there a way I can do a distance matrix-based heat map.

Allow me to illustrate:

Suppose I have the following distance matrix, where 0 is identity, and the 
larger the number, the greater the distance.

  Generation X Boomers Silent Missionary GI Lost  X 0 0.021 0.269 0.954 
0.558 1.031  Boomers 0.021 0 0.224 0.896 0.48 0.795  Silent 0.269 0.224 0 
0.417 0.342 0.7  Missionary 0.954 0.896 0.417 0 0.417 0.997  GI 0.558 0.48 
0.342 0.417 0 0.269  Lost 1.031 0.795 0.7 0.997 0.269 0 
From that, I wish to generate this (where black = 0 distance, and white = 
max distance, although I could code the colors in lots of other ways):

-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Re: specifying N number of x-axis when data is only one

2014-08-20 Thread Neil Camara
I got it working. However, one last thing I need to fix are the hour values 
in the tool tip. It's showing military time. The hour values though in the 
axis are displayed correctly.

Here is a screenshot where I clicked one of the points. it's showing 19:00 
rather than 7pm.

http://i.imgur.com/v75lIbq.png


On Wednesday, August 20, 2014 3:28:00 PM UTC-5, Neil Camara wrote:

 Hi Andrew,

 What's wrong with my ticks?

 hAxis: {
 format:'h:mm aa',
 ticks: [
 [0, 0, 0, 0], [1, 0, 0, 0], [2, 0, 0, 0], [3, 0, 0, 0], 
 [4, 0, 0, 0], [5, 0, 0, 0], [6, 0, 0, 0], [7, 0, 0, 0], [8, 0, 0, 0], [9, 
 0, 0, 0], [10, 0, 0, 0], [11, 0, 0, 0], [12, 0, 0, 0],
 [13, 0, 0, 0], [14, 0, 0, 0], [15, 0, 0, 0], [16, 0, 0, 
 0], [17, 0, 0, 0], [18, 0, 0, 0], [19, 0, 0, 0], [20, 0, 0, 0], [21, 0, 0, 
 0], [22, 0, 0, 0], [23, 0, 0, 0]
 ]
 //gridlines: {
 //count: 24
 //}
 },

 graph is failing now


-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] ng-google charts and formatter pattern for time

2014-08-20 Thread Neil Camara
Hi folks,

Is anyone here using ng-google charts in AngularJS? If so, I need help on 
formatting the tooltip so that hours will be displayed in standard form 
rather than military.

Thanks,

Neil

-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


Re: [visualization-api] Re: print out high resolution

2014-08-20 Thread Andrew Gallant
The chart has to render in a visible div to draw correctly, but you can use 
CSS to move the container div off-screen.

On Wednesday, August 20, 2014 9:02:01 AM UTC-4, Yehonathan Sharvit wrote:

 I see.

 1. The solution I found is to scale the svg like this: 
 http://jsfiddle.net/viebel/vwc8dh8k/10/ before to convert it to an 
 image/octet stream.

 2. Is there a way to create a big chart without affecting what is display 
 on the screen?


 On Wed, Aug 20, 2014 at 3:50 PM, Andrew Gallant agal...@google.com 
 javascript: wrote:

 Resolution translates directly into image size, as pixels in a browser 
 have fixed physical dimensions for any given screen size, resolution, and 
 scaling (browser pixels do not necessarily map 1:1 to screen pixels).  The 
 Visualization API is not aware of (and cannot be made aware of) the 
 difference between a browser pixel and a screen pixel.  Fortunately, the 
 difference does not matter, as the charts are drawn as vector graphics, 
 which the browser should render at the screen's native resolution; thus, 
 you cannot get a higher resolution chart than your specified dimensions.

 I am not certain how this works when the SVG is converted to an 
 image/octet stream; either you will have a native pixel resolution image 
 (which is the highest it could be, given the dimensions you specified), or 
 you will get a browser-pixel resolution image, in which case you will need 
 to draw a larger version of the chart to get the higher resolution that you 
 want.


 On Wednesday, August 20, 2014 7:34:49 AM UTC-4, Yehonathan Sharvit wrote:

 How can I draw a chart with a high resolution?

 The only way I found is to increase the dimension of the chart. But this 
 will also increase the size of the chart on the screen which is undesired.

 Is there a way ton increase the resolution of the chart without 
 increasing its size on the screen?
 The purpose is to create a high resolution png image.

 On Friday, 8 February 2013 17:38:49 UTC+2, asgallant wrote:

 Draw the chart in whatever resolution you want; as far as I am aware, 
 there is no upper bound to the dimensions.  You can then save the chart as 
 an image using this: http://jsfiddle.net/SCjm8/1/ (note that this code 
 works best in Chrome or Firefox, anmd will not work at all in older 
 versions of IE).

 On Friday, February 8, 2013 10:10:43 AM UTC-5, denise ammons wrote:

 I need to print out a google chart high resolution for a poster is 
 there a way to do that?? 

  -- 
 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/I52qUPmuFu8/unsubscribe
 .
 To unsubscribe from this group and all its topics, send an email to 
 google-visualization-api+unsubscr...@googlegroups.com javascript:.
 To post to this group, send email to google-visua...@googlegroups.com 
 javascript:.
 Visit this group at 
 http://groups.google.com/group/google-visualization-api.
 For more options, visit https://groups.google.com/d/optout.




 -- 
 Are we what we become or do we become what we are? - Prof. Beno Gross
  

-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Re: Donut charts with a single value don't show the value

2014-08-20 Thread Andrew Gallant
It is showing the label - in the center of the slice.  The default label 
color is white and the default background color is white, so the label is 
not distinguishable from the background.  If you change the text color, it 
shows up: http://jsfiddle.net/asgallant/mx03tcx5/

On Wednesday, August 20, 2014 10:02:11 AM UTC-4, Oren Hurvitz wrote:

 Occasionally I need to display a donut chart that only has one value, i.e. 
 a single slice that equals 100%. When that happens, the chart doesn't show 
 the slice's value on top of the slice. This problem doesn't happen with 
 regular pie charts; only with donut charts.

 Is there any way to get the value to show up? If not, then can the 
 developers fix this for the next version? 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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Re: i have problem changing this to native javascript

2014-08-20 Thread Andrew Gallant
This forum is for the Google Visualization API, while your code uses 
Highcharts.  You will likely have better luck asking on the Highcharts forum 
http://forum.highcharts.com/.

On Wednesday, August 20, 2014 11:18:29 AM UTC-4, anuj joshi wrote:

 private native void createChart()
 /*-{

 $(function () {
 $wnd.$(document).ready(function () {
 $wnd.Highcharts.setOptions({
 global: {
 useUTC: false
 }
 });

 $wnd.$('#container').highcharts({
 chart: {
 type: 'spline',
 animation: $wnd.Highcharts.svg, // don't animate in 
 old IE
 marginRight: 10,
 events: {
 load: function () {

 // set up the updating of the chart each second
 var series = this.series[0];
 setInterval(function () {
 var x = (new Date()).getTime(), // current 
 time
 y = Math.random();
 series.addPoint([x, y], true, true);
 }, 1000);
 }
 }
 },
 title: {
 text: 'Live random data'
 },
 xAxis: {
 type: 'datetime',
 tickPixelInterval: 150
 },
 yAxis: {
 title: {
 text: 'Value'
 },
 plotLines: [{
 value: 0,
 width: 1,
 color: '#808080'
 }]
 },
 tooltip: {
 formatter: function () {
 return 'b' + this.series.name + '/bbr/' +
 $wnd.Highcharts.dateFormat('%Y-%m-%d 
 %H:%M:%S', this.x) + 'br/' +
 $wnd.Highcharts.numberFormat(this.y, 2);
 }
 },
 legend: {
 enabled: false
 },
 exporting: {
 enabled: false
 },
 series: [{
 name: 'Random data',
 data: (function () {
 // generate an array of random data
 var data = [],
 time = (new Date()).getTime(),
 i;

 for (i = -19; i = 0; i += 1) {
 data.push({
 x: time + i * 1000,
 y: Math.random()
 });
 }
 return data;
 }())
 }]
 });
 });
 });

  }-*/;

 }


-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Re: Non-geographic heat map.

2014-08-20 Thread Andrew Gallant
You can co-opt the ColumnChart to do that for 
you: http://jsfiddle.net/asgallant/kpnpvank/1/

On Wednesday, August 20, 2014 4:31:08 PM UTC-4, Bryan Maloney wrote:

 Since Google API doesn't support phylograms (and certainly not unrooted 
 trees), is there a way I can do a distance matrix-based heat map.

 Allow me to illustrate:

 Suppose I have the following distance matrix, where 0 is identity, and the 
 larger the number, the greater the distance.

   Generation X Boomers Silent Missionary GI Lost  X 0 0.021 0.269 0.954 
 0.558 1.031  Boomers 0.021 0 0.224 0.896 0.48 0.795  Silent 0.269 0.224 0 
 0.417 0.342 0.7  Missionary 0.954 0.896 0.417 0 0.417 0.997  GI 0.558 0.48 
 0.342 0.417 0 0.269  Lost 1.031 0.795 0.7 0.997 0.269 0 
 From that, I wish to generate this (where black = 0 distance, and white = 
 max distance, although I could code the colors in lots of other ways):


-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Re: specifying N number of x-axis when data is only one

2014-08-20 Thread Andrew Gallant
You have to format the timeofday column.  There are no built-in formatters 
for the timeofday data type, but you can hijack the DateFormatter for the 
purpose:

var formatter = new google.visualization.DateFormat({pattern: 'h:mm a'});
var timeSteps = ['hours', 'minutes', 'seconds', 'milliseconds'];
for (var i = 0; i  data.getNumberOfRows(); i++) {
var timeofday = data.getValue(i, 0);
var date = new Date(0);
for (var j = 0; j  timeofday.length; j++) {
switch (timeSteps[j]) {
case 'hours':
date.setHours(timeofday[j]);
break;
case 'minutes':
date.setMinutes(timeofday[j]);
break;
case 'seconds':
date.setSeconds(timeofday[j]);
break;
case 'milliseconds':
date.setMilliseconds(timeofday[j]);
break;
}
}
var formattedTime = formatter.formatValue(date);
data.setFormattedValue(i, 0, formattedTime);
}



On Wednesday, August 20, 2014 5:06:47 PM UTC-4, Neil Camara wrote:

 I got it working. However, one last thing I need to fix are the hour 
 values in the tool tip. It's showing military time. The hour values though 
 in the axis are displayed correctly.

 Here is a screenshot where I clicked one of the points. it's showing 19:00 
 rather than 7pm.

 http://i.imgur.com/v75lIbq.png


 On Wednesday, August 20, 2014 3:28:00 PM UTC-5, Neil Camara wrote:

 Hi Andrew,

 What's wrong with my ticks?

 hAxis: {
 format:'h:mm aa',
 ticks: [
 [0, 0, 0, 0], [1, 0, 0, 0], [2, 0, 0, 0], [3, 0, 0, 0], 
 [4, 0, 0, 0], [5, 0, 0, 0], [6, 0, 0, 0], [7, 0, 0, 0], [8, 0, 0, 0], [9, 
 0, 0, 0], [10, 0, 0, 0], [11, 0, 0, 0], [12, 0, 0, 0],
 [13, 0, 0, 0], [14, 0, 0, 0], [15, 0, 0, 0], [16, 0, 0, 
 0], [17, 0, 0, 0], [18, 0, 0, 0], [19, 0, 0, 0], [20, 0, 0, 0], [21, 0, 0, 
 0], [22, 0, 0, 0], [23, 0, 0, 0]
 ]
 //gridlines: {
 //count: 24
 //}
 },

 graph is failing now



-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Re: ng-google charts and formatter pattern for time

2014-08-20 Thread Andrew Gallant
For reference in case someone searches this out, the answer is over in this 
thread 
https://groups.google.com/d/msg/google-visualization-api/FMMZBMR-uyc/22A61Ynh-rEJ
.

On Wednesday, August 20, 2014 6:59:47 PM UTC-4, Neil Camara wrote:

 Hi folks,

 Is anyone here using ng-google charts in AngularJS? If so, I need help on 
 formatting the tooltip so that hours will be displayed in standard form 
 rather than military.

 Thanks,

 Neil


-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


Re: [visualization-api] Re: i have problem changing this to native javascript

2014-08-20 Thread anuj joshi
thank you Andrew for the suggestion


On Thu, Aug 21, 2014 at 5:29 AM, Andrew Gallant agall...@google.com wrote:

 This forum is for the Google Visualization API, while your code uses
 Highcharts.  You will likely have better luck asking on the Highcharts
 forum http://forum.highcharts.com/.


 On Wednesday, August 20, 2014 11:18:29 AM UTC-4, anuj joshi wrote:

 private native void createChart()
 /*-{

 $(function () {
 $wnd.$(document).ready(function () {
 $wnd.Highcharts.setOptions({
 global: {
 useUTC: false
 }
 });

 $wnd.$('#container').highcharts({
 chart: {
 type: 'spline',
 animation: $wnd.Highcharts.svg, // don't animate in
 old IE
 marginRight: 10,
 events: {
 load: function () {

 // set up the updating of the chart each
 second
 var series = this.series[0];
 setInterval(function () {
 var x = (new Date()).getTime(), //
 current time
 y = Math.random();
 series.addPoint([x, y], true, true);
 }, 1000);
 }
 }
 },
 title: {
 text: 'Live random data'
 },
 xAxis: {
 type: 'datetime',
 tickPixelInterval: 150
 },
 yAxis: {
 title: {
 text: 'Value'
 },
 plotLines: [{
 value: 0,
 width: 1,
 color: '#808080'
 }]
 },
 tooltip: {
 formatter: function () {
 return 'b' + this.series.name + '/bbr/' +
 $wnd.Highcharts.dateFormat('%Y-%m-%d
 %H:%M:%S', this.x) + 'br/' +
 $wnd.Highcharts.numberFormat(this.y, 2);
 }
 },
 legend: {
 enabled: false
 },
 exporting: {
 enabled: false
 },
 series: [{
 name: 'Random data',
 data: (function () {
 // generate an array of random data
 var data = [],
 time = (new Date()).getTime(),
 i;

 for (i = -19; i = 0; i += 1) {
 data.push({
 x: time + i * 1000,
 y: Math.random()
 });
 }
 return data;
 }())
 }]
 });
 });
 });

  }-*/;

 }

  --
 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
 http://groups.google.com/group/google-visualization-api.
 For more options, visit https://groups.google.com/d/optout.




-- 

   1. *darkdevilo1*

-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Garbled Chart Legends When Hiding / Showing Charts in Div

2014-08-20 Thread AM
I've been creating pages with a lot of Google Charts.

To make the pages more manageable I put groups of charts together into Div 
tags.  Then I have a menu that shows or hides the various groups of charts 
(i.e. Div tags).  When I show charts that were hidden they show up with 
their legends garbled.

Here is an example:  
http://www.towncharts.com/Alabama/Demographics/Abanda-CDP-AL-Demographics-data-garbled.html

Check the first menu item, Demographics which is a drop down.  Just pick 
Section 3.

Is this something that I can rectify with a setting of some type?  Has 
anyone seen this before?

Thanks for any 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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Re: Garbled Chart Legends When Hiding / Showing Charts in Div

2014-08-20 Thread Andrew Gallant
This is caused by drawing charts inside hidden divs, which breaks the 
Visualization API's internal dimension detection algorithms.  The solution 
is to draw the charts before hiding them, or to draw the charts when their 
containers are first opened.

On Wednesday, August 20, 2014 8:59:28 PM UTC-4, AM wrote:

 I've been creating pages with a lot of Google Charts.

 To make the pages more manageable I put groups of charts together into Div 
 tags.  Then I have a menu that shows or hides the various groups of charts 
 (i.e. Div tags).  When I show charts that were hidden they show up with 
 their legends garbled.

 Here is an example:  
 http://www.towncharts.com/Alabama/Demographics/Abanda-CDP-AL-Demographics-data-garbled.html

 Check the first menu item, Demographics which is a drop down.  Just pick 
 Section 3.

 Is this something that I can rectify with a setting of some type?  Has 
 anyone seen this before?

 Thanks for any 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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Chart to mimic Google Analytics Realtime Pageviews per second

2014-08-20 Thread 'Mark Schenkel' via Google Visualization API
Is there a chart type that could best simulate the Realtime Pageviews per 
second/minute you can see on Google Analytics?  See the screen shot.

For those of you not familiar, the per second chart scrolls each second, 
from right to left, updating the right most bar with the current number of 
pageviews/visitors on your site at that second.  The per minute chart 
scrolls each minute.  

Is there a chart that do this?  

(note: this is not a question about obtaining the data from google 
analytics, but solely about a realtime updating chart).





https://lh5.googleusercontent.com/-5_IA1Q9wp6A/U_VIZpRhZXI/AC8/60jQKbQaGvU/s1600/RealTimeVisitors.png

-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


[visualization-api] Re: doesn't work visualization(PieChart and LineChart) IE8. Help????????????????????????

2014-08-20 Thread pyaethu

I am using MVC.
I already add 

*!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;*
at the top of the page.
AJAX function sresponse return greater than 0 .

Still Didn't work IE8



On Tuesday, August 19, 2014 6:46:07 AM UTC+6:30, Andrew Gallant wrote:

 I don't see anything in there that would cause IE 8 to fail.  Do you have 
 a !DOCTYPE declaration at the top of your page?  If not, you need one. 
  If you have one, what do your AJAX functions return?

 On Monday, August 18, 2014 5:59:01 AM UTC-4, pya...@2c2p.com wrote:

 script type=text/javascript src=https://www.google.com/jsapi; 
 charset=utf-8/script

 script

  function _ShowLoading() {
  var loading = $('div id=loadingicondiv/div/div');
  $(body).append($(loading));
  };

  function _HideLoading() {
  if ($(#loadingicon).length  0)
  $(#loadingicon).remove();
  };
 
  
  google.load(visualization, 1, { packages: [corechart] });
  _ShowLoading();

  google.setOnLoadCallback(drawAmountLineChart);
  google.setOnLoadCallback(drawChannelAmountChart);

  setTimeout(_HideLoading, 1000);

  function drawAmountLineChart() {
  var sTitle = '@ViewBag.LineChartTitle';
  $.ajax({
  type: GET,
  url: GetJsonLineData_All,
  dataType: json,
  cache: false,
  contentType: application/json,
  success: function (response) {
  if (response.length  0) {
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'title');
  data.addColumn('number', 'Transactions');
  data.addColumn('number', 'Completed');
  data.addRows(response.length);
  for (var i = 0; i  response.length; i++) {
  data.setValue(i, 0, response[i].DayString);
  data.setValue(i, 1, response[i].Line1);
  data.setValue(i, 2, response[i].Line2);
  }

  var options = {
  width: 940, height: 350,
  legend: 'top',
  hAxis: { title: sTitle, minValue: 0 },
  vAxis: { minValue: 40 },
  chartArea: { left: 95, top: 50, width: '85%' },
  Title: 'none',
  curveType: 'function',
  type: 'area',
  colors: ['#71C2F5', 'green'], pointSize: 0
  };

  var amountChart = new 
 google.visualization.LineChart(document.getElementById('completeAmountChart'));
  amountChart.draw(data, options);
  }
  else {
  $(#completeAmountChart).html(label 
 style='margin-left:5px;'There has no data to display./label);
  }
  }
  });
  };

  function drawChannelAmountChart() {
  $.ajax({
  type: GET,
  url: GetJsonTop5Channels,
  dataType: json,
  cache: false,
  contentType: application/json,
  success: function (response) {
  if (response.length  0) {
  var color = [];
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Channel');
  data.addColumn('number', 'Value');
  data.addRows(response.length);
  for (var i = 0; i  response.length; i++) {
  data.setValue(i, 0, response[i].Channel);
  data.setValue(i, 1, response[i].Total);
  color.push(response[i].ChartColor);
  }

  var chart = new 
 google.visualization.PieChart(document.getElementById('channelAmountChart'));
  chart.draw(data, { width: 470, height: 300, is3D: 
 false, title: '',colors:color, legend: 'none', chartArea: { left: 50, top: 
 40, width: 80%, height: 80% } });
  }
  else {
  $(#channelAmountChart).html(label 
 style='margin-left:5px;'There has no data to display./label);
  }
  }

  });
  };

 /script



-- 
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 http://groups.google.com/group/google-visualization-api.
For more options, visit 

Re: [visualization-api] Re: Donut charts with a single value don't show the value

2014-08-20 Thread Oren Hurvitz
Thanks! That worked.


On Thu, Aug 21, 2014 at 2:42 AM, Andrew Gallant agall...@google.com wrote:

 It is showing the label - in the center of the slice.  The default label
 color is white and the default background color is white, so the label is
 not distinguishable from the background.  If you change the text color, it
 shows up: http://jsfiddle.net/asgallant/mx03tcx5/

 On Wednesday, August 20, 2014 10:02:11 AM UTC-4, Oren Hurvitz wrote:

 Occasionally I need to display a donut chart that only has one value,
 i.e. a single slice that equals 100%. When that happens, the chart doesn't
 show the slice's value on top of the slice. This problem doesn't happen
 with regular pie charts; only with donut charts.

 Is there any way to get the value to show up? If not, then can the
 developers fix this for the next version? Thanks!

  --
 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/Nk_KYPHMF24/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
 http://groups.google.com/group/google-visualization-api.
 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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.


Re: [visualization-api] Deprecation Notice for Google charts

2014-08-20 Thread 'Jon Orwant' via Google Visualization API
Answers are on the parallel thread here:
https://groups.google.com/forum/#!topic/google-visualization-api/yz06u9N2oaA

Jon


On Wed, Aug 20, 2014 at 8:07 AM, Shivani Kanakhara shivani.10@gmail.com
 wrote:

 If a chart is about to be deprecated,when will we be notified?
 What does 3-year deprecation policy mean?
 Does it mean that we will be notified regarding chart chart deprecation
 3-years early?

 Also i would like to know that after the deprecation period is over can we
 continue to use those older charts or will they be completely removed from
 API?

 --
 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
 http://groups.google.com/group/google-visualization-api.
 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 http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.