Hi Sergey, Thank so much for your support. Almost fixed all the issues except one. Is their anyway to hiding these (highlighted) supplementary axis from the chart.
<https://lh3.googleusercontent.com/-BQreKtbVfs0/Vt1mVZ_4l2I/AAAAAAAAA0A/-RHFf_0xwKQ/s1600/Capture345.PNG> Thanks Natarajan Govindavel On Wednesday, February 24, 2016 at 9:31:59 PM UTC+5:30, Sergey wrote: > > Hi Natarajan, > > You should be able to use html2canvas to save the charts as images, as the > stackoverflow post suggests. You may be aware that some of our charts (like > ComboChart and the rest of the charts provided by the 'corechart' package) > support getImageUri, which will basically allow you to save images of the > charts, but Material Charts do not yet support this API. > > On Wed, Feb 24, 2016 at 10:26 AM natarajan govindavel <natara...@gmail.com > <javascript:>> wrote: > > Hi Sergey, > > Is there any other way to save material chart as images. > like given in that link : > http://stackoverflow.com/questions/6887183/how-to-take-screen-shot-of-a-div-with-javascript > > Thanks > Natarajan Govidavel > > > On Friday, February 19, 2016 at 8:43:59 PM UTC+5:30, Sergey wrote: > > So I don't see anything obviously wrong with your code. Could you link to > a page on which you're experiencing the error? If you're uncomfortable > sharing the link over the forum, feel free to send me a private message. > > On Fri, Feb 19, 2016 at 8:47 AM natarajan govindavel <natara...@gmail.com> > wrote: > > Hi sergey, > > I have seen below mentioned issue in browser console > Error: one or more fonts could not be loaded. > > In FireFox (44.0.2) this issue happen more frequently. > And I checked with the link > > https://groups.google.com/forum/#!topic/google-visualization-api/bSJLBO_fm2w > > so i changed from current to 43 still issue exists. > And my code is very complex because making the array dynamically from > webservice (asmx) and calling that data using jquery ajax. > > function ChangePeriodL(id) { > if (id != "") { > $(".loc").removeClass('active'); > $(id).addClass('active'); > value = $(id).attr('id'); > event_id = "CLICK"; //click event > g_var = 0; > } else > value = 0; > $.ajax({ > type: "POST", > url: "remote url", > contentType: "application/json; charset=utf-8", > dataType: "json", > data: JSON.stringify({ > "timespan": value > }), > success: function(data) { > if (data.d != "Empty") { > addCode(data.d); > if (typeof dataArray[8] != "undefined") { > $('#AllLoc').text(TitleArray[8]); > if (dataArray[8].getNumberOfRows() > 3) > var height = dataArray[8].getNumberOfRows() * 40 + > 100; //Set dynamic height = Number of Rows * bar + padding > else > var height = 300; > > $('#div_id_9').height(height); > var chartnew = new > google.charts.Bar(document.getElementById('div_id_9')); > chartnew.draw(dataArray[8], > google.charts.Bar.convertOptions({ > width: 1000, > height: '100%', > titlePosition: 'none', //hiding chart title > legend: { > position: 'right' //place chart legend at > right side > }, > isStacked: true, //for stacked chart > vAxis: { > title: "Incident Count", > textStyle: { > color: 'black' > } > }, > hAxis: { > title: "Locations", > textStyle: { > color: 'black' > } > }, > bars: 'horizontal', //for showing bars horizontal > series: { > 0: { > targetAxisIndex: 0, > color: '#F3C1BC' > }, > 1: { > targetAxisIndex: 0, > color: '#E7827A' > }, > 2: { > targetAxisIndex: 0, > color: '#DB4437' > } > } > })); > google.visualization.events.addListener(chartnew, > 'ready', myReadyHandler); > } > } else { > $('#AllLoc').text("All Incident By Location"); > $("#div_id_9").html(message); > myReadyHandler(); // increment the g_var by 1 if no record > exists otherwise program thought still one chart not redered. by NG > 02/16/2016 > } > }, > error: function(x, e) { > alert(x.responseText); > } > }); > } > > function addCode(code) { > var JS = document.createElement('script'); > JS.text = code; > document.body.appendChild(JS); > } > > Thanks > Natarajan Govindavel > > > On Tuesday, February 16, 2016 at 8:57:53 PM UTC+5:30, Sergey wrote: > > Natarajan, > > We've seen a number of bugs with multiple Material charts not rendering on > the same page. I was under the impression that these issues were all fixed > (presuming you're using the latest Charts code). It is highly likely that > the issues are due to *how* you're using Charts, and not due to Charts > code itself. However, it is also possible that there's still a bug. Without > seeing the code that you're using, I couldn't say whether this is a bug in > our code or in yours. > > On Mon, Feb 15, 2016 at 10:09 AM natarajan govindavel <natara...@gmail.com> > wrote: > > Hi Sergey, > > I have dynamically loading multiple charts in same page using jquery and > ajax. > Sometimes ( not frequent and random manner ) some of the charts not > displayed. > Is this known issue? Is there any workaround for this. > Please guide me. > > Thanks > Natarajan Govindavel > > > On Monday, February 1, 2016 at 3:15:29 PM UTC+5:30, natarajan govindavel > wrote: > > Hi Sergey, > > I have multiple charts on the same page.Everything working fine one of the > chart bar color not applied properly. > It shows the default color(blue). I faced this issue only in IE 9 and IE > 10. > i given my code below. please advice me > > var chartnew = new google.charts.Bar(document.getElementById('div_id_9')); > chartnew.draw(dataArray[8], > google.charts.Bar.convertOptions({ > width: 1000, > height: 330, > titlePosition: 'none', > legend: { position: 'right'}, > isStacked: true, > vAxis: {title: "Incident Count",textStyle: {color: > 'black'}}, > hAxis: {title: "Locations",textStyle: {color: > 'black'}}, > series: { > 0:{ > targetAxisIndex: 0, > color:'#F3C1BC' > }, > 1:{ > targetAxisIndex: 0, > color:'#E7827A' > }, > 2:{ > targetAxisIndex: 0, > color:'#DB4437' > } > } > })); > } > > Thanks > Natarajan Govindavel. > > On Friday, January 29, 2016 at 8:35:27 PM UTC+5:30, Sergey wrote: > > Forgot to answer the second part of your question, about the jsfiddle. If > you're asking whether the Classic Charts support axis formatting options, > they do: https://jsfiddle.net/88z92w4p/ > > On Fri, Jan 29, 2016 at 10:03 AM Sergey Grabkovsky <gra...@google.com> > wrote: > > I don't have any estimates for when you might expect getImageURI for > Material Charts. We are currently prioritizing other features. > > On Fri, Jan 29, 2016 at 1:46 AM natarajan govindavel <natara...@gmail.com> > wrote: > > Hi Sergey, > > Thank you so much for your help. And one more help > When can we expect this feature (getImageURI()) because one of my client > really want this. > Can we do this kind dynamic charts in Classical Chart(ref below)? > https://jsfiddle.net/vqaLpc23/ > > Thanks > Natarajan > > > On Thursday, January 28, 2016 at 8:31:40 PM UTC+5:30, Sergey wrote: > > Hi Natarajan, > > Your jsfiddle link doesn't link to your jsfiddle (it just links to an > empty fiddle). You need to save your fiddle before it gives you a valid > link. Presumably, you're talking about .getImageURI(), which is not > supported for Material Charts. > > On Thu, Jan 28, 2016 at 6:28 AM natarajan govindavel <natara...@gmail.com> > wrote: > > Hi Sergey, > > Do we have Export Option in Material Chart? > Can we do this kind dynamic charts in Classical Chart(ref below)? > https://jsfiddle.net/api/post/library/pure/ > > Thanks > Natarajan Govindavel > > > On Monday, January 25, 2016 at 9:01:05 PM UTC+5:30, Sergey wrote: > > Hi Natarajan, > > The issue you are talking about now is a known issue. There are known > issues with text measurement with invisible divs. The recommended > workaround is to delay the chart rendering until the div becomes visible. > > On Mon, Jan 25, 2016 at 10:09 AM natarajan govindavel <natara...@gmail.com> > wrote: > > Hi Sergey, > > Thank you for your reply. > I have one more problem. > The Chart inside the tab which is not active(div display:none). The chart > not displayed properly. > If i make it visibility : Hidden/Visible it is rendering properly but > shows lot of empty space in the page. > Is this issue resolved? > Any fix available for this? > > > > On Friday, January 22, 2016 at 8:11:08 PM UTC+5:30, Sergey wrote: > > The Material Charts support putting the legend on the right or the left, > but not on top or bottom. > > On Fri, Jan 22, 2016 at 3:53 AM natarajan govindavel <natara...@gmail.com> > wrote: > > Hi Sergey, > > Thanks you so much for your quick response. > dataArray[2] is a type of DataTable only and which is generated > dynamically from code behind. > And one more clarification is legend position supported by Material Charts? > Anyway i going to refer that link which is given by you. > Please add some more points that are already which is very useful for me. > > Thanks again > Natarajan Govindavel > > and > > > On Thursday, January 21, 2016 at 10:23:07 PM UTC+5:30, Sergey wrote: > > Hi Natarajan, > > The first difference between the two is that the latter is a combo chart. > This means that it supports multiple series types, like line, scatter, bar, > and candlestick; where the first chart (google.charts.Bar) only supports > bars. > > The second difference is that google.charts.Bar is a Material Chart, > which effectively just means that it follows the Material Design > specification <https://design.google.com/>, and > google.visualization.{BarChart,ColumnChart,ComboChart} are our "Classic" > Charts, which means that they precede Material Design. > > The Material Charts are newer, which also means that they don't support a > lot of the features that the Classic Charts do. Here is a bug tracking > all the unsupported features > <https://github.com/google/google-visualization-issues/issues/2143>. Note > that "annotations" are on that list, which answers your last question: you > currently cannot add annotations to Material Charts. > > On a side note, I'm not sure where you got the example that passes > "dataArray[2]" to the Material Chart's draw call, but that seems wrong. It > takes a DataTable, exactly like the Classic Charts do. > > On Thu, Jan 21, 2016 at 8:53 AM natarajan govindavel <natara...@gmail.com> > wrote: > > var chart = new google.charts.Bar(document.getElementById('div_id_3')); > chart.draw(dataArray[2], > google.charts.Bar.convertOptions(options2)); > > And > > google.visualization.ComboChart(document.getElementById('chart_div')); > > chart.draw(view,options) > > what is the different between these two? > > How to add Annotation text for first 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 > https://groups.google.com/group/google-visualization-api. > To view this discussion on the web visit > https://groups.google.com/d/msgid/google-visualization-api/cdc705b3-181b-4028-b924-bd88cfafbd43%40googlegroups.com > > <https://groups.google.com/d/msgid/google-visualization-api/cdc705b3-181b-4028-b924-bd88cfafbd43%40googlegroups.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > > -- > > *[image: unnamed.gif]• Sergey Grabkovsky• Software Engineer• Google, Inc• > gra...@google.com* > > -- > You received this message because you are subscribed to the Google Groups > "Google Visualization API" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to google-visualization-api+unsubscr...@googlegroups.com. > To post to this group, send email to google-visua...@googlegroups.com. > Visit this group at > https://groups.google.com/group/google-visualization-api. > > To view this discussion on the web visit > https://groups.google.com/d/msgid/google-visualization-api/20475da1-41c4-4cd4-af5e-ecf04a5254ff%40googlegroups.com > > <https://groups.google.com/d/msgid/google-visualization-api/20475da1-41c4-4cd4-af5e-ecf04a5254ff%40googlegroups.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > > -- > > *[image: unnamed.gif]• Sergey Grabkovsky• Software Engineer• Google, Inc• > gra...@google.com* > > -- > You received this message because you are subscribed to the Google Groups > "Google Visualization API" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to google-visualization-api+unsubscr...@googlegroups.com. > To post to this group, send email to google-visua...@googlegroups.com. > Visit this group at > https://groups.google.com/group/google-visualization-api. > > To view this discussion on the web visit > https://groups.google.com/d/msgid/google-visualization-api/306bd1c0-3bab-49a8-be66-a81a9ae953aa%40googlegroups.com > > <https://groups.google.com/d/msgid/google-visualization-api/306bd1c0-3bab-49a8-be66-a81a9ae953aa%40googlegroups.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > > -- > > *[image: unnamed.gif]• Sergey Grabkovsky• Software Engineer•* > > ... -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsubscr...@googlegroups.com. To post to this group, send email to google-visualization-api@googlegroups.com. Visit this group at https://groups.google.com/group/google-visualization-api. To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/9a6180b8-59ce-4186-842b-c5fcd2f09ac5%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
