[visualization-api] Re: Chart Range Filter - hAxis label positions
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?
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
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
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
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
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
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
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
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
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
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?
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
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
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
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
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
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
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
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
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
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
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.
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
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
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
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
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
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.
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
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
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
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
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
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
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????????????????????????
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
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
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.