date:20160520

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

2016-05-20 Thread natarajan govindavel

Thank you so much for your help Mr. Daniel LaLiberte.

*i have one more clarification.*
Can you please tell me how to scaling X axis value to whole numbers now 
showing 

0 >> 0.2 >> 0.4 >> 0.6 >> 0.8 >> 1

Instead of that 
i want to show like this.
 0 >> 1

I have tried with format : '0' option . i show  0 >> 0 >> 0 >> 1 >> 1 >> 1 
like this.

And also tried with min/max values 
{ 
format:'#',
minValue:0,
maxValue:Math.max.apply(Math,maxArray),
gridlines:{count:2}
}
It seems gridlines property not working with material charts. 
But my client want whole numbers only. And one more thing  i can't specify 
the hardcorded values for this axis label because chart values various from 
0 to 1,00,000 .

Please help me to get out of this issue. Thank you for your support.

Thanks
Natarajan.

On Thursday, April 28, 2016 at 9:45:01 PM UTC+5:30, Daniel LaLiberte wrote:
>
> The bar.groupWidth option is not working correctly with the Material 
> charts.  Sorry.  I will add it to the list.
>
> On Thu, Apr 28, 2016 at 11:13 AM, natarajan govindavel <
> natara...@gmail.com > wrote:
>
>> Hi,
>> bar.groupWidth property not working Especially bar chart having single.
>> Is there any workaround for this?
>>
>> Thanks
>> Natarajan Govindavel.
>>
>> On Thursday, March 10, 2016 at 8:13:18 PM UTC+5:30, Sergey wrote:
>>>
>>> Natarajan,
>>>
>>> As I've said in an earlier email, you should only include /jsapi if you 
>>> use a GeoChart, and it doesn't appear that you do, so you should not 
>>> include it at all.
>>>
>>> Remember, that with the new loader, you need to do: google.*charts*.load 
>>> and google.*charts*.setOnLoadCallback.
>>>
>>> On Thu, Mar 10, 2016 at 9:15 AM natarajan govindavel <
>>> natara...@gmail.com> wrote:
>>>
  Hi Sergey,
>
>  I tried your solution which is working fine in Firefox and Chrome but 
> Not in IE (checked with IE10,IE9,IE8,IE7).
>  It produce same issue . SCRIPT5007: Unable to get property 
> 'arrayToDataTable' of undefined or null reference.
>
 I am using both classical and material charts on same page. should 
 i include both library? 
 https://www.google.com/jsapi
 ">
 https://www.gstatic.com/charts/loader.js";>
 google.setOnLoadCallback(function() {
 dataArray[0] = 
 google.visualization.arrayToDataTable([['Status','Count'],['Open',183],['Closed',32]]);TitleArray[0]
  
 = 'Incident Status';;
 if (typeof dataArray[0] != "undefined") {
 // Array dynamically generated from code behind 

 var options = {
 width: '100%',
 height: 400,
 titlePosition: 'none',//hiding the chart title
 legend: {
 position: 'bottom' //fix legend in bottom 
 },
 is3D: true
 };
 var colors = new Array()
 for (var i = 0; i < dataArray[0].getNumberOfRows(); 
 i++) {
 if (dataArray[0].getValue(i, 0) == "Open")
 colors[i] = '#DB4437';
 else if (dataArray[0].getValue(i, 0) == "Closed")
 colors[i] = '#3FC380';
 else if (dataArray[0].getValue(i, 0) == "Incident 
 Disposition")
 colors[i] = '#F9BF3B';
 }
 options.colors = colors;
 $('#status').text(TitleArray[0]);
 drawChart('Pie', dataArray[0], 'div_id_1', options);
 }
 });


  

>  Thanks
>  Natarajan
>
>
> On Tuesday, March 8, 2016 at 8:22:16 PM UTC+5:30, Sergey wrote:
>
> It sounds like you're not putting your chart code into a callback. 
> That is, you're probably doing something like:
> 
> 
> var data = google.visualization.arrayToDataTable(...);
> // more chart stuff
> 
>
> When you should be doing:
> ...
> 
> google.charts.load(...);
> google.charts.setOnLoadCallback(drawChart);
>
> function drawChart() {
>   var data = google.visualization.arrayToDataTable(...);
>   // more chart stuff
> }
> 
>
> On Tue, Mar 8, 2016 at 1:50 AM natarajan govindavel <
> natara...@gmail.com> wrote:
>
>
> Hi Sergey,
>
> If i remove jsapi loader code as you said i faced the following issue.
>
> https://www.gstatic.com/charts/loader.js";>
> <%-- https://www.google.com/jsapi?autoload={
> 'modules':[{
>   'name':'visualization',
>   'version':'1.1',
>   'packages':['corechart','bar','controls']
> }]
>   }">--%>
>  googl

Re: [visualization-api] Change Color on the bars

2016-05-20 Thread 'Daniel LaLiberte' via Google Visualization API

Like this:  https://jsfiddle.net/fhoutzz2/4/

Note, I did not change your options, so the axes.x options need to be
changed to different options.

On Thu, May 19, 2016 at 11:44 PM, Kevin Teoh  wrote:

> How to do I change to classic column chart. Do mean the frozen versions?.
> Please let me know what should I modifie  as I want to set the numbers on
> each bar as well.
>
> On Thu, May 19, 2016 at 10:19 PM, 'Daniel LaLiberte' via Google
> Visualization API  wrote:
>
>> Hi Kevin,
>>
>> The color changes you are trying don't work with the material charts,
>> along with many other options.  Switch back to the classic ColumnChart and
>> it should work better.
>>
>> On Thu, May 19, 2016 at 3:00 AM, Kevin Teoh  wrote:
>>
>>> Hello Everyone,
>>>
>>> I not familiar with programming but manage to come out with the
>>> column chart but I was unable  to change the color of each of the bar,
>>> tried many options but it just wont reflect on the chart. Could anyone
>>> shine some light on this.
>>>
>>>
>>> https://jsfiddle.net/fhoutzz2/1/
>>>
>>> --
>>> 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/579bad58-63dc-430c-a8bc-ae3a3f4c002c%40googlegroups.com
>>> 
>>> .
>>> For more options, visit https://groups.google.com/d/optout.
>>>
>>
>>
>>
>> --
>> Daniel LaLiberte 
>> dlalibe...@google.com5CC, Cambridge MA
>>
>> --
>> You received this message because you are subscribed to a topic in the
>> Google Groups "Google Visualization API" group.
>> To unsubscribe from this topic, visit
>> https://groups.google.com/d/topic/google-visualization-api/GSNJfxxEAMc/unsubscribe
>> .
>> To unsubscribe from this group and all its topics, send an email to
>> google-visualization-api+unsubscr...@googlegroups.com.
>> To post to this group, send email to
>> google-visualization-api@googlegroups.com.
>> Visit this group at
>> https://groups.google.com/group/google-visualization-api.
>> To view this discussion on the web visit
>> https://groups.google.com/d/msgid/google-visualization-api/CAOtcSJN-2GCx6vmii5kSwF2s8_XkV-mHRWN96S1R7MSkUuxfLQ%40mail.gmail.com
>> 
>> .
>>
>> For more options, visit https://groups.google.com/d/optout.
>>
>
>
>
> --
> Yours Sincerely,
> Kevin Teoh
>
> Vankross
> Tel: 603.6142 3727
> Fax: 603.6142 3726
> Mobile: 012-6818510
> http://www.vankross.com
>
> Follow me on Twitter
> http://twitter.com/kevtck
> http://twitter.com/vankross
>
>
>
> --
> 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/CALmiaC_p%3D7q6khDMf-CRA8ixiL4%3DQ04GJCzVnGW3KKr79nmgng%40mail.gmail.com
> 
> .
>
> For more options, visit https://groups.google.com/d/optout.
>



-- 
Daniel LaLiberte 
dlalibe...@google.com5CC, Cambridge MA

-- 
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/CAOtcSJNG-qUty8EewuqC%3D4bc4fGyNHKrMWwqyFh_%3DfdKnS4gSw%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

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

2016-05-20 Thread 'Daniel LaLiberte' via Google Visualization API

You'll want a format like this: "#.#".

Many of the options don't apply to material charts, as noted in the
documentation.

  The Material Charts are in *beta*. The appearance and interactivity are
largely final, but many of the options available in Classic Charts are not
yet available in them. You can find a list of options that are not yet
supported in this issue
.


On Fri, May 20, 2016 at 3:51 AM, natarajan govindavel <
natarajan...@gmail.com> wrote:

> Thank you so much for your help Mr. Daniel LaLiberte.
>
> *i have one more clarification.*
> Can you please tell me how to scaling X axis value to whole numbers now
> showing
>
> 0 >> 0.2 >> 0.4 >> 0.6 >> 0.8 >> 1
>
> Instead of that
> i want to show like this.
>  0 >> 1
>
> I have tried with format : '0' option . i show  0 >> 0 >> 0 >> 1 >> 1 >> 1
> like this.
>
> And also tried with min/max values
> {
> format:'#',
> minValue:0,
> maxValue:Math.max.apply(Math,maxArray),
> gridlines:{count:2}
> }
> It seems gridlines property not working with material charts.
> But my client want whole numbers only. And one more thing  i can't specify
> the hardcorded values for this axis label because chart values various from
> 0 to 1,00,000 .
>
> Please help me to get out of this issue. Thank you for your support.
>
> Thanks
> Natarajan.
>
> On Thursday, April 28, 2016 at 9:45:01 PM UTC+5:30, Daniel LaLiberte wrote:
>>
>> The bar.groupWidth option is not working correctly with the Material
>> charts.  Sorry.  I will add it to the list.
>>
>> On Thu, Apr 28, 2016 at 11:13 AM, natarajan govindavel <
>> natara...@gmail.com> wrote:
>>
>>> Hi,
>>> bar.groupWidth property not working Especially bar chart having single.
>>> Is there any workaround for this?
>>>
>>> Thanks
>>> Natarajan Govindavel.
>>>
>>> On Thursday, March 10, 2016 at 8:13:18 PM UTC+5:30, Sergey wrote:
>>>
 Natarajan,

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

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

 On Thu, Mar 10, 2016 at 9:15 AM natarajan govindavel <
 natara...@gmail.com> wrote:

>  Hi Sergey,
>>
>>  I tried your solution which is working fine in Firefox and Chrome
>> but Not in IE (checked with IE10,IE9,IE8,IE7).
>>  It produce same issue . SCRIPT5007: Unable to get property
>> 'arrayToDataTable' of undefined or null reference.
>>
> I am using both classical and material charts on same page. should
> i include both library?
> https://www.google.com/jsapi
> ">
> https://www.gstatic.com/charts/loader.js";>
> google.setOnLoadCallback(function() {
> dataArray[0] =
> google.visualization.arrayToDataTable([['Status','Count'],['Open',183],['Closed',32]]);TitleArray[0]
> = 'Incident Status';;
> if (typeof dataArray[0] != "undefined") {
> // Array dynamically generated from code behind
>
> var options = {
> width: '100%',
> height: 400,
> titlePosition: 'none',//hiding the chart title
> legend: {
> position: 'bottom' //fix legend in bottom
> },
> is3D: true
> };
> var colors = new Array()
> for (var i = 0; i <
> dataArray[0].getNumberOfRows(); i++) {
> if (dataArray[0].getValue(i, 0) == "Open")
> colors[i] = '#DB4437';
> else if (dataArray[0].getValue(i, 0) == "Closed")
> colors[i] = '#3FC380';
> else if (dataArray[0].getValue(i, 0) == "Incident
> Disposition")
> colors[i] = '#F9BF3B';
> }
> options.colors = colors;
> $('#status').text(TitleArray[0]);
> drawChart('Pie', dataArray[0], 'div_id_1',
> options);
> }
> });
>
>
>
>
>>  Thanks
>>  Natarajan
>>
>>
>> On Tuesday, March 8, 2016 at 8:22:16 PM UTC+5:30, Sergey wrote:
>>
>> It sounds like you're not putting your chart code into a callback.
>> That is, you're probably doing something like:
>> 
>> 
>> var data = google.visualization.arrayToDataTable(...);
>> // more chart stuff
>> 
>>
>> When you should be doing:
>> ...
>> 
>> google.charts.load(...);
>> google.charts.setOnLoadCallback(drawChart);
>>
>> function drawChart() {
>>   var data = go

[visualization-api] Re: How do I make the lead lines shorter and the boxes smaller in an org chart

2016-05-20 Thread 'Masheika Allen' via Google Visualization API

The length of the lines is the more troubling issue.  I think I'm looking 
for instruction in using  or 
.google-visualization-orgchart-linenode?


Masheika



On Thursday, May 19, 2016 at 1:56:17 PM UTC-7, Masheika Allen wrote:
>
> I've drafted an org chart but it contains a lot of white space.  The lines 
> between the nodes are noticeably long.  I'd like to shorten them but don't 
> know how.  Also, the chart would look a bit neater if the boxes were 
> shorter and wider.  Is there any way to manipulate the size and shape of 
> the boxes?
>
> Here's a sample of my code:
>
> 
>   
> https://www.gstatic.com/charts/loader.js";>
> 
>   google.charts.load('current', {packages:["orgchart"]});
>   google.charts.setOnLoadCallback(drawChart);
>
>   function drawChart() {
> var data = new google.visualization.DataTable();
> data.addColumn('string', 'Name');
> data.addColumn('string', 'Manager');
> data.addColumn('string', 'ToolTip');
>
> // For each orgchart box, provide the name, manager, and tooltip 
> to show.
> data.addRows([
>   [{v:'RL', f:'RNDL'},
>'', ''],
>   [{v:'Mgr', f:'https://"; target="_blank">NDM'},
>'RL', ''],
>   [{v:'PML', f:'https://"; target="_blank">PML'},
>'Mgr', ''],
>   [{v:'PM', f:'PM'}, 'PML', 
> ''],
>   ['SPM', 'PM', ''],
>   ['https://"; target="_blank">ADM', 'SPM', ''],
>   [{v:'FOM', f:'https://"; target="_blank">MOM'},
>'Mgr', ''],
>   [{v:'MCC', f:'https://"; target="_blank">MCC'}, 
> 'FOM', ''],
>   [{v:'MCM', f:'https://"_blank";>MCM'}, 'MCC', ''],
>   ['https://"_blank";>FDM', 'MCM', ''],
>   [{v:'CL', f:'https://"; target="_blank">CL'},
>'Mgr', ''],
>   [{v:'CM', f:'https://"_blank";>CM'}, 'CL', ''],
>   [{v:'DM', f:'https://"; target="_blank">DM'}, 'CM', 
> ''],
>   ['FM, 'DM', '']
> ]);
>
> var chart = new 
> google.visualization.OrgChart(document.getElementById('chart_div'));
>
> chart.draw(data, {allowHtml:true});
>   }
>
> 
> table{
> border-collapse: separate !important;
> }
> 
> 
>   
> 
>   
> 
>
>
> The

[visualization-api] Y axis word wrap

2016-05-20 Thread Matthew Likwarz

I'm looking for a way to get a word wrap on the y-axis labels. The image 
attached should detail the problem. Thanks ahead of time.

-- 
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/2fbdb3a0-3289-4346-937c-e97da3ae5658%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[visualization-api] Google Charts

2016-05-20 Thread Margot Hart

I am using Google Charts for a science experiment for finals, how do I add 
more people (or just a category) to my 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 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/494623fe-3ccc-4610-b803-7f62023c67a6%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

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

Re: [visualization-api] Change Color on the bars

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

[visualization-api] Re: How do I make the lead lines shorter and the boxes smaller in an org chart

[visualization-api] Y axis word wrap

[visualization-api] Google Charts

6 matches

Site Navigation

Mail list logo

Footer information