from:"Bram Patelski"

Re: [visualization-api] Highlighting a column (current) month on x-axis of a scatter-chart

2016-06-06 Thread Bram Patelski

Got it working. Hope to see that radar-chart in Google Charts as well. 
Currently using Flotr2 for this.

On Wednesday, June 1, 2016 at 9:24:17 AM UTC+2, Bram Patelski wrote:
>
> Hi Daniel,
>
> Thank you for the example. That should work for this diagram. I'm 
> currently looking into alternatives for the radar / spider-chart, but would 
> love to create this in Google Charts. Any news on that?
>
> Thanks
>
> On Tuesday, May 31, 2016 at 4:48:19 PM UTC+2, Daniel LaLiberte wrote:
>>
>> The main problem is that you are assuming columns correspond to series.  
>> But series skip the 'role' columns in between, so the 'area' series has 
>> index 1.  
>>
>> However, there appears to be a bug involving area series in that the 
>> points will be drawn as well unless you set the pointSize to 0 at the top 
>> level, and then
>> set it to a non-zero value inside your scatter series.  
>>
>> I started with your code to create this example:  
>> https://jsfiddle.net/dlaliberte/6t6eg65n/
>>
>> On Mon, May 30, 2016 at 3:39 AM, Bram Patelski <bram.p...@gmail.com> 
>> wrote:
>>
>>> Code:
>>>
>>> 
>>>
>>> 
>>>
>>> 
>>>
>>> >>
>>> src="<a  rel="nofollow" href="https://www.gstatic.com/charts/loader.js&quot">https://www.gstatic.com/charts/loader.js&quot</a>;>
>>>
>>> 
>>>
>>> google.charts.load('current', {
>>>
>>> 'packages' : [ 'corechart' ]
>>>
>>> });
>>>
>>> google.charts.setOnLoadCallback(drawChart);
>>>
>>> var redCross = 'point { size: 15; shape-type: star; shape-sides: 4; 
>>> shape-dent: 0.1; fill-color: #ff;}';
>>>
>>> var greyCross = 'point { size: 10; shape-type: star; shape-sides: 4; 
>>> shape-dent: 0.1; fill-color: #99; }'
>>>
>>> function drawChart() {
>>>
>>>
>>> var data = google.visualization.arrayToDataTable(
>>>
>>> [
>>>
>>> ['Birth', 'Score', {'type': 'string', 'role': 'style'}, 'Area' ],
>>>
>>> [ new Date(2016, 4, 15), 0.128, redCross, null],
>>>
>>> [ new Date(2016, 5, 23), 0.13, redCross, null ],
>>>
>>> [ new Date(2016, 7, 11), 0.135, redCross, null ],
>>>
>>> [ new Date(2016, 7, 15), 0.142, redCross, null ],
>>>
>>> [ new Date(2016, 8, 16), 0.152, redCross, null ],
>>>
>>> [ new Date(2016, 8, 28), 0.157, redCross, null ],
>>>
>>> [ new Date(2016, 11, 3), 0.153, redCross, 0.2 ],
>>>
>>> [ new Date(2016, 11, 6), 0.16, redCross, 0.2 ],
>>>
>>> [ new Date(2016, 11, 14), 0.169, redCross, 0.2 ],
>>>
>>> [ new Date(2016, 12, 15), 0.175, redCross, null ],
>>>
>>> [ new Date(2016, 3, 30), 0.134, greyCross, null ],
>>>
>>> [ new Date(2016, 4, 14), 0.148, greyCross, null ],
>>>
>>> [ new Date(2016, 4, 15), 0.140, greyCross, null ],
>>>
>>> [ new Date(2016, 4, 25), 0.15, greyCross, null ],
>>>
>>> [ new Date(2016, 4, 27), 0.152, greyCross, null ],
>>>
>>> [ new Date(2016, 4, 28), 0.142, greyCross, null ]
>>>
>>> ]
>>>
>>> );
>>>
>>>
>>> var options = {
>>>
>>> hAxis : {
>>>
>>> title: 'Birth',
>>>
>>> titleTextStyle: {color: '#333'},
>>>
>>> gridlines: { count: -1 }
>>>
>>> },
>>>
>>> vAxis : {
>>>
>>> title : 'Score',
>>>
>>> viewWindow:{
>>>
>>>   max:0.1,
>>>
>>>   min:0.25
>>>
>>> }
>>>
>>> },
>>>
>>> colors: ['#33bb33'],
>>>
>>> pointSize: 10,
>>>
>>> seriesType: 'scatter',
>>>
>>> series: {
>>>
>>> 0: { pointShape: {type: 'star', dent: 0.2, sides: 4 } },
>>>
>>> 1: { pointShape: {type: 'star', dent: 0.2, sides: 4 } },
>>>
>>> 2: { },
>>>
>>> 3: { type: 'area' }
>>>
>>> },
>>>
>>> trendlines: { 0: {}},
>>>
>>> legend : 'none'
>>>
>>> };
>>>
>>>
>>> var chart = new
>>>  google.visualization.ScatterChart(document.getElementById('chart_div'
>>> ));
>>>
>>> chart.draw(data, options);
>>>
>>> }
>>>
>>> 
>>>
>>>
>>>
>>>
>>> On Monday, May 30, 2016 at 9:38:58 AM UTC+2, Bram Patelski wrote:
>>>
>>>> Hi Daniel,
>>>>
>>>> Okay, I've got the x-axis intervals, but I can't get the area-chart 
>>>> added to the chart. Should I just add the max as value? Somehow the chart 
>>>> doesn't list the values as an area:
>>>>
>>>> 
>>>>
>>>> 
>>>>
>>>> 
>>>>
>>>> >>>
>>>> src="<a  rel="nofollow" href="https://www.gstatic.com/charts/loader.js&quot">https://www.gstatic.com/charts/loader.js&quot</a>;>
>>>>
>>>>

Re: [visualization-api] Highlighting a column (current) month on x-axis of a scatter-chart

2016-06-01 Thread Bram Patelski

Hi Daniel,

Thank you for the example. That should work for this diagram. I'm currently 
looking into alternatives for the radar / spider-chart, but would love to 
create this in Google Charts. Any news on that?

Thanks

On Tuesday, May 31, 2016 at 4:48:19 PM UTC+2, Daniel LaLiberte wrote:
>
> The main problem is that you are assuming columns correspond to series.  
> But series skip the 'role' columns in between, so the 'area' series has 
> index 1.  
>
> However, there appears to be a bug involving area series in that the 
> points will be drawn as well unless you set the pointSize to 0 at the top 
> level, and then
> set it to a non-zero value inside your scatter series.  
>
> I started with your code to create this example:  
> https://jsfiddle.net/dlaliberte/6t6eg65n/
>
> On Mon, May 30, 2016 at 3:39 AM, Bram Patelski <bram.p...@gmail.com 
> > wrote:
>
>> Code:
>>
>> 
>>
>> 
>>
>> 
>>
>> >
>> src="<a  rel="nofollow" href="https://www.gstatic.com/charts/loader.js&quot">https://www.gstatic.com/charts/loader.js&quot</a>;>
>>
>> 
>>
>> google.charts.load('current', {
>>
>> 'packages' : [ 'corechart' ]
>>
>> });
>>
>> google.charts.setOnLoadCallback(drawChart);
>>
>> var redCross = 'point { size: 15; shape-type: star; shape-sides: 4; 
>> shape-dent: 0.1; fill-color: #ff;}';
>>
>> var greyCross = 'point { size: 10; shape-type: star; shape-sides: 4; 
>> shape-dent: 0.1; fill-color: #99; }'
>>
>> function drawChart() {
>>
>>
>> var data = google.visualization.arrayToDataTable(
>>
>> [
>>
>> ['Birth', 'Score', {'type': 'string', 'role': 'style'}, 'Area' ],
>>
>> [ new Date(2016, 4, 15), 0.128, redCross, null],
>>
>> [ new Date(2016, 5, 23), 0.13, redCross, null ],
>>
>> [ new Date(2016, 7, 11), 0.135, redCross, null ],
>>
>> [ new Date(2016, 7, 15), 0.142, redCross, null ],
>>
>> [ new Date(2016, 8, 16), 0.152, redCross, null ],
>>
>> [ new Date(2016, 8, 28), 0.157, redCross, null ],
>>
>> [ new Date(2016, 11, 3), 0.153, redCross, 0.2 ],
>>
>> [ new Date(2016, 11, 6), 0.16, redCross, 0.2 ],
>>
>> [ new Date(2016, 11, 14), 0.169, redCross, 0.2 ],
>>
>> [ new Date(2016, 12, 15), 0.175, redCross, null ],
>>
>> [ new Date(2016, 3, 30), 0.134, greyCross, null ],
>>
>> [ new Date(2016, 4, 14), 0.148, greyCross, null ],
>>
>> [ new Date(2016, 4, 15), 0.140, greyCross, null ],
>>
>> [ new Date(2016, 4, 25), 0.15, greyCross, null ],
>>
>> [ new Date(2016, 4, 27), 0.152, greyCross, null ],
>>
>> [ new Date(2016, 4, 28), 0.142, greyCross, null ]
>>
>> ]
>>
>> );
>>
>>
>> var options = {
>>
>> hAxis : {
>>
>> title: 'Birth',
>>
>> titleTextStyle: {color: '#333'},
>>
>> gridlines: { count: -1 }
>>
>> },
>>
>> vAxis : {
>>
>> title : 'Score',
>>
>> viewWindow:{
>>
>>   max:0.1,
>>
>>   min:0.25
>>
>> }
>>
>> },
>>
>> colors: ['#33bb33'],
>>
>> pointSize: 10,
>>
>> seriesType: 'scatter',
>>
>> series: {
>>
>> 0: { pointShape: {type: 'star', dent: 0.2, sides: 4 } },
>>
>> 1: { pointShape: {type: 'star', dent: 0.2, sides: 4 } },
>>
>> 2: { },
>>
>> 3: { type: 'area' }
>>
>> },
>>
>> trendlines: { 0: {}},
>>
>> legend : 'none'
>>
>> };
>>
>>
>> var chart = new
>>  google.visualization.ScatterChart(document.getElementById('chart_div'));
>>
>> chart.draw(data, options);
>>
>> }
>>
>> 
>>
>>
>>
>>
>> On Monday, May 30, 2016 at 9:38:58 AM UTC+2, Bram Patelski wrote:
>>
>>> Hi Daniel,
>>>
>>> Okay, I've got the x-axis intervals, but I can't get the area-chart 
>>> added to the chart. Should I just add the max as value? Somehow the chart 
>>> doesn't list the values as an area:
>>>
>>> 
>>>
>>> 
>>>
>>> 
>>>
>>> >>
>>> src="<a  rel="nofollow" href="https://www.gstatic.com/charts/loader.js&quot">https://www.gstatic.com/charts/loader.js&quot</a>;>
>>>
>>>

Re: [visualization-api] How can I draw radar chart with Google Charts?

2016-05-30 Thread Bram Patelski

Would like to see Radar chart in the new Google Charts framework as well.

On Sunday, May 22, 2016 at 7:02:37 PM UTC+2, Daniel LaLiberte wrote:
>
> Hi Youichi,
>
> We don't have a Radar chart yet in the Google Charts.  I am considering 
> implementing one, though, using an AreaChart, and projecting the data to 
> polar coordinates.  
>
> The deprecated Image Charts won't be going away entirely any time soon, 
> however, and probably not until we have suitable replacements ready to go.
>
> On Sun, May 22, 2016 at 12:11 AM, Youichi Okada  > wrote:
>
>> Hi.
>>
>> I want to draw radar chart like this.
>>
>>
>> https://developers.google.com/chart/image/docs/gallery/radar_charts#overview
>>
>> But this Image Charts are deprecated.
>> *"Warning:* This API is deprecated. Please use the actively maintained 
>> Google 
>> Charts  API instead. See our 
>> deprecation 
>> policy  for details.
>>
>> Can I draw radar chart with Google Charts?
>>
>> -- 
>> 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/8b01b173-7749-45e0-91f1-0335a5d9cd98%40googlegroups.com
>>  
>> 
>> .
>> For more options, visit https://groups.google.com/d/optout.
>>
>
>
>
> -- 
> Daniel LaLiberte 
> dlali...@google.com5CC, Cambridge MA
>

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

Re: [visualization-api] Highlighting a column (current) month on x-axis of a scatter-chart

2016-05-30 Thread Bram Patelski

Code:







https://www.gstatic.com/charts/loader.js&quot</a>;>



google.charts.load('current', {

'packages' : [ 'corechart' ]

});

google.charts.setOnLoadCallback(drawChart);

var redCross = 'point { size: 15; shape-type: star; shape-sides: 4; 
shape-dent: 0.1; fill-color: #ff;}';

var greyCross = 'point { size: 10; shape-type: star; shape-sides: 4; 
shape-dent: 0.1; fill-color: #99; }'

function drawChart() {


var data = google.visualization.arrayToDataTable(

[

['Birth', 'Score', {'type': 'string', 'role': 'style'}, 'Area' ],

[ new Date(2016, 4, 15), 0.128, redCross, null],

[ new Date(2016, 5, 23), 0.13, redCross, null ],

[ new Date(2016, 7, 11), 0.135, redCross, null ],

[ new Date(2016, 7, 15), 0.142, redCross, null ],

[ new Date(2016, 8, 16), 0.152, redCross, null ],

[ new Date(2016, 8, 28), 0.157, redCross, null ],

[ new Date(2016, 11, 3), 0.153, redCross, 0.2 ],

[ new Date(2016, 11, 6), 0.16, redCross, 0.2 ],

[ new Date(2016, 11, 14), 0.169, redCross, 0.2 ],

[ new Date(2016, 12, 15), 0.175, redCross, null ],

[ new Date(2016, 3, 30), 0.134, greyCross, null ],

[ new Date(2016, 4, 14), 0.148, greyCross, null ],

[ new Date(2016, 4, 15), 0.140, greyCross, null ],

[ new Date(2016, 4, 25), 0.15, greyCross, null ],

[ new Date(2016, 4, 27), 0.152, greyCross, null ],

[ new Date(2016, 4, 28), 0.142, greyCross, null ]

]

);


var options = {

hAxis : {

title: 'Birth',

titleTextStyle: {color: '#333'},

gridlines: { count: -1 }

},

vAxis : {

title : 'Score',

viewWindow:{

  max:0.1,

  min:0.25

}

},

colors: ['#33bb33'],

pointSize: 10,

seriesType: 'scatter',

series: {

0: { pointShape: {type: 'star', dent: 0.2, sides: 4 } },

1: { pointShape: {type: 'star', dent: 0.2, sides: 4 } },

2: { },

3: { type: 'area' }

},

trendlines: { 0: {}},

legend : 'none'

};


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

chart.draw(data, options);

}






On Monday, May 30, 2016 at 9:38:58 AM UTC+2, Bram Patelski wrote:
>
> Hi Daniel,
>
> Okay, I've got the x-axis intervals, but I can't get the area-chart added 
> to the chart. Should I just add the max as value? Somehow the chart doesn't 
> list the values as an area:
>
> 
>
> 
>
> 
>
> 
> src="<a  rel="nofollow" href="https://www.gstatic.com/charts/loader.js&quot">https://www.gstatic.com/charts/loader.js&quot</a>;>
>
>

Re: [visualization-api] Highlighting a column (current) month on x-axis of a scatter-chart

2016-05-30 Thread Bram Patelski

Hi Daniel,

Okay, I've got the x-axis intervals, but I can't get the area-chart added 
to the chart. Should I just add the max as value? Somehow the chart doesn't 
list the values as an area:







https://www.gstatic.com/charts/loader.js&quot</a>;>



google.charts.load('current', {

'packages' : [ 'corechart' ]

});

google.charts.setOnLoadCallback(drawChart);

var redCross = 'point { size: 15; shape-type: star; shape-sides: 4; 
shape-dent: 0.1; fill-color: #ff;}';

var greyCross = 'point { size: 10; shape-type: star; shape-sides: 4; 
shape-dent: 0.1; fill-color: #99; }'

function drawChart() {


var data = google.visualization.arrayToDataTable(

[

['Birth', 'Score', {'type': 'string', 'role': 'style'}, 'Area' ],

[ new Date(2016, 4, 15), 0.128, redCross, null],

[ new Date(2016, 5, 23), 0.13, redCross, null ],

[ new Date(2016, 7, 11), 0.135, redCross, null ],

[ new Date(2016, 7, 15), 0.142, redCross, null ],

[ new Date(2016, 8, 16), 0.152, redCross, null ],

[ new Date(2016, 8, 28), 0.157, redCross, null ],

[ new Date(2016, 11, 3), 0.153, redCross, 0.2 ],

[ new Date(2016, 11, 6), 0.16, redCross, 0.2 ],

[ new Date(2016, 11, 14), 0.169, redCross, 0.2 ],

[ new Date(2016, 12, 15), 0.175, redCross, null ],

[ new Date(2016, 3, 30), 0.134, greyCross, null ],

[ new Date(2016, 4, 14), 0.148, greyCross, null ],

[ new Date(2016, 4, 15), 0.140, greyCross, null ],

[ new Date(2016, 4, 25), 0.15, greyCross, null ],

[ new Date(2016, 4, 27), 0.152, greyCross, null ],

[ new Date(2016, 4, 28), 0.142, greyCross, null ]

]

);


var options = {

hAxis : {

title: 'Birth',

titleTextStyle: {color: '#333'},

   gridlines: { count: -1 }

   },

vAxis : {

title : 'Score',

   viewWindow:{

 max:0.1,

 min:0.25

   }

},

   colors: ['#33bb33'],

   pointSize: 10,

   seriesType: 'scatter',

series: {

0: { pointShape: {type: 'star', dent: 0.2, sides: 4 } },

1: { pointShape: {type: 'star', dent: 0.2, sides: 4 } },

2: { },

3: { type: 'area' }

},

trendlines: { 0: {}},

legend : 'none'

};


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

chart.draw(data, options);

}






On Friday, May 27, 2016 at 5:10:41 PM UTC+2, Daniel LaLiberte wrote:

> Hi Bram,
>
> We don't have a way of highlighting the background, but you can get the 
> same effect by drawing an "area" series with nulls everywhere except for 
> the interval you want to highlight.
>
> With a 'date' or 'datetime' type axis, it is possible to draw the tick 
> labels between the gridlines, at least in some situations.  See this 
> example:  https://jsfiddle.net/dlaliberte/ksnd7abx/1/
> Dates and times are drawn in different ways depending on the scale.  
> Unfortunately, the context of the current year is not always displayed, but 
> you can add something to your axis title instead.
>
> See more about formatting ticks for dates and times here:  
> https://developers.google.com/chart/interactive/docs/datesandtimes#formatting-axis-gridline-and-tick-labels
>
>
>
> On Fri, May 27, 2016 at 10:04 AM, Bram Patelski <bram.p...@gmail.com 
> > wrote:
>
>> Hi,
>>
>> Anyone know how to highlight a part of the chart's background as a 
>> vertical column?
>>
>> I'm building a PoC for a scatter-chart where I need to plot crosshairs on 
>> a timeline.
>> It displays a timespan of about a year ranging 12 months, with somewhere 
>> around 2/3 of the chart, we display the current month.
>> May also need to figure out a way to display intervals on the x-axis 
>> instead of dates, with the month's name in the middle.
>> Is there a way to highlight the current month or any month? It's 
>> perfectly fine to give some x-axis coordinates that should be highlighted.
>>
>> Kind regards,
>> Bram
>>
>> -- 
>> 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/d7bee590-a9fd-41a5-b522-2bd37d7703f5%40googlegroups.com
>>  
>> <https://groups.google.com/d/msgid/google-visualization-api/d7bee590-a9fd-41a5-b522-2bd37d7703f5%40googlegroups.com?utm_medium=email_source=footer>
>> .
>> For more options, visit https://groups.google.com/d/optout.
>>
>
>
>
> -- 
> Daniel LaLiberte <h

[visualization-api] Highlighting a column (current) month on x-axis of a scatter-chart

2016-05-27 Thread Bram Patelski

Hi,

Anyone know how to highlight a part of the chart's background as a vertical 
column?

I'm building a PoC for a scatter-chart where I need to plot crosshairs on a 
timeline.
It displays a timespan of about a year ranging 12 months, with somewhere 
around 2/3 of the chart, we display the current month.
May also need to figure out a way to display intervals on the x-axis 
instead of dates, with the month's name in the middle.
Is there a way to highlight the current month or any month? It's perfectly 
fine to give some x-axis coordinates that should be highlighted.

Kind regards,
Bram

-- 
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/d7bee590-a9fd-41a5-b522-2bd37d7703f5%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[visualization-api] Stacked Chart order of the legend

2015-11-12 Thread Bram Patelski

Hi,

I've implemented a stacked chart like this:

 google.load('visualization', '1', {packages: ['corechart', 'line']});
 google.setOnLoadCallback(drawBackgroundColor);


 function drawBackgroundColor() {
  var data = new google.visualization.DataTable();
  data.addColumn('date', 'Date');
  data.addColumn('number', 'A');
  data.addColumn('number', 'B');
  data.addColumn('number', 'C');
  // etc.
  
  data.addRows([
 [new Date(2010, 1, 1),0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],
 [new Date(2010, 2, 1),0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],
 [new Date(2010, 3, 1),0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],
 // etc

However, the columns are in reversed order in the legend.
It shows "C, B, A" from top to bottom.
Can I somehow reverse the order of the legend?

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.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/d0c6ba0b-bb53-47b1-92c5-58a6ddc378f1%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: [visualization-api] Stacked Chart order of the legend

2015-11-12 Thread Bram Patelski

Okay, it sorta makes sense. I understand there's no way to diverge from the
stacked-order?

On Thu, Nov 12, 2015 at 4:03 PM, 'Sergey Grabkovsky' via Google
Visualization API <google-visualization-api@googlegroups.com> wrote:

> Hi Bram,
>
> The series are listed in the order that they appear in the chart. Since
> this is a stacked chart, the 'C' series will be at the top (first), the 'B'
> series will be in the middle (second), and the 'A' series will be the
> lowest (last). You can reverse the items in the legend by reversing the
> order of the actual series, but there's no option to do this.
>
> On Thu, Nov 12, 2015 at 9:20 AM Bram Patelski <bram.patel...@gmail.com>
> wrote:
>
>> Hi,
>>
>> I've implemented a stacked chart like this:
>>
>>  google.load('visualization', '1', {packages: ['corechart', 'line']});
>>  google.setOnLoadCallback(drawBackgroundColor);
>>
>>
>>  function drawBackgroundColor() {
>>   var data = new google.visualization.DataTable();
>>   data.addColumn('date', 'Date');
>>   data.addColumn('number', 'A');
>>   data.addColumn('number', 'B');
>>   data.addColumn('number', 'C');
>>   // etc.
>>
>>   data.addRows([
>>  [new Date(2010, 1, 1),0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],
>>  [new Date(2010, 2, 1),0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],
>>  [new Date(2010, 3, 1),0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0],
>>  // etc
>>
>> However, the columns are in reversed order in the legend.
>> It shows "C, B, A" from top to bottom.
>> Can I somehow reverse the order of the legend?
>>
>> 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.
>> To view this discussion on the web visit
>> https://groups.google.com/d/msgid/google-visualization-api/d0c6ba0b-bb53-47b1-92c5-58a6ddc378f1%40googlegroups.com
>> <https://groups.google.com/d/msgid/google-visualization-api/d0c6ba0b-bb53-47b1-92c5-58a6ddc378f1%40googlegroups.com?utm_medium=email_source=footer>
>> .
>> For more options, visit https://groups.google.com/d/optout.
>>
> --
>
> *[image: unnamed.gif] *
> *Sergey Grabkovsky* | SWE  | gra...@google.com
>
> --
> 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/GMWSNVezUds/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.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/google-visualization-api/CAEwwup6CHaze02wk5zS42W0cD7kEA5Hyadv7qkM4zMMG0P-Lcg%40mail.gmail.com
> <https://groups.google.com/d/msgid/google-visualization-api/CAEwwup6CHaze02wk5zS42W0cD7kEA5Hyadv7qkM4zMMG0P-Lcg%40mail.gmail.com?utm_medium=email_source=footer>
> .
>
> 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.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/CAN68uPJAjsP3nsUfGEG9ao8bbNddrS1FoM0CD%3DzvGMPUquo6Gw%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

Re: [visualization-api] Highlighting a column (current) month on x-axis of a scatter-chart

Re: [visualization-api] Highlighting a column (current) month on x-axis of a scatter-chart

Re: [visualization-api] How can I draw radar chart with Google Charts?

Re: [visualization-api] Highlighting a column (current) month on x-axis of a scatter-chart

Re: [visualization-api] Highlighting a column (current) month on x-axis of a scatter-chart

[visualization-api] Highlighting a column (current) month on x-axis of a scatter-chart

[visualization-api] Stacked Chart order of the legend

Re: [visualization-api] Stacked Chart order of the legend

8 matches

Site Navigation

Mail list logo

Footer information