Re: [visualization-api] candlestick heights
Glad you like the Google Charts API.
The code you included does specify the container element width and height,
and it seems to work fine then. If you don't specify the height and width,
a default will be assumed that may or may not work out for your actual
chart, so you will have to override either the container height and width,
or use the height and width options. See the example based on your code
at: https://jsfiddle.net/dlaliberte/qtgq547o/
The horizontal gridlines would be controlled by the vertical axis, since
the values for each gridline are specified by the vertical axis. But since
your domain values are discrete strings, no gridlines are drawn at all
(yet). If you want gridlines but string labels, you could specify numeric
values in your datatable and ticks option as shown in this example:
https://jsfiddle.net/dlaliberte/qtgq547o/3/ The vAxis options look like
this:
vAxis: {
direction: -1,
ticks: [{v: 0, f: 'Formales'},
{v: 2, f: 'Planificación'},
{v: 4, f: 'Práctica'}]
}
On Mon, Aug 10, 2015 at 11:01 AM, charter bajopalabra...@gmail.com wrote:
Hi
this is a wonderful API !
I've rotated a CandleStick chart
that is, the sticks are horizontal (with orientation)
the html container has no height neither width html settings
the rows (sticks) are too much close
I need them to be farther, more separated
how could I control the row height
or how can I specify a sort of autosize chart --not using HTML ?
and, second question
how can I include horizontal gridlines
I set them but it seems candlestick charts doesn't accept them
thanks
html
head
script type=text/javascript src=https://www.google.com/jsapi
/script
script type=text/javascript
google.load(visualization, 1, {packages:[corechart]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var options = {
pointShape: 'star',
legend:'none',
hAxis:{ticks:[0,10,20,30,40,50,60,70,80,90,100],gridlines:{color:
'#d0d0d0'}}, orientation: 'vertical'
};
var chart = new
google.visualization.CandlestickChart(document.getElementById('chart_div'));
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({ type: 'string', id: 'Perfil' });
dataTable.addColumn({ type: 'number', id: 'Mín Depto' });
dataTable.addColumn({ type: 'number', id: 'Mín Docente' });
dataTable.addColumn({ type: 'number', id: 'Máx Docente' });
dataTable.addColumn({ type: 'number', id: 'Máx Depto' });
dataTable.addColumn({ type: 'string', role: 'tooltip' });
dataTable.addRows([
['Formales', 20, 28, 38, 45, 'Formales'],
['Material', 31, 38, 55, 66, 'Material'],
['Planificación', 50, 55, 77, 80, 'Planificación'],
['Contenidos', 77, 50, 66, 50, 'Contenidos'],
['Práctica', 68, 46, 62, 15, 'Práctica'],
['test', 50, 40, 40, 90, 'test']
]);
chart.draw(dataTable, options);
}
/script
/head
body
div id=chart_div style=width: 900px; height: 500px;/div
/body
/html
--
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.
Re: [visualization-api] How to cite google chart in research article?
Avinash, If you're asking how to provide an attribution to Google Charts, there's no need to do that. But you can cite us as http://developers.google.com/chart/ if you like (and thanks!). If you're asking how to provide a persistent URL to a specific Google Chart of your own creation, that's up to you. Jon On Mon, Aug 10, 2015 at 8:17 AM, avinash sethi avi...@gmail.com wrote: I deployed google chart as a web component on my web-server. I want to publish this web-server. How can I cite google chart in the research paper? -- 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.
[visualization-api] candlestick heights
Hi
this is a wonderful API !
I've rotated a CandleStick chart
that is, the sticks are horizontal (with orientation)
the html container has no height neither width html settings
the rows (sticks) are too much close
I need them to be farther, more separated
how could I control the row height
or how can I specify a sort of autosize chart --not using HTML ?
and, second question
how can I include horizontal gridlines
I set them but it seems candlestick charts doesn't accept them
thanks
html
head
script type=text/javascript
src=https://www.google.com/jsapi;/script
script type=text/javascript
google.load(visualization, 1, {packages:[corechart]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var options = {
pointShape: 'star',
legend:'none',
hAxis:{ticks:[0,10,20,30,40,50,60,70,80,90,100],gridlines:{color:
'#d0d0d0'}}, orientation: 'vertical'
};
var chart = new
google.visualization.CandlestickChart(document.getElementById('chart_div'));
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({ type: 'string', id: 'Perfil' });
dataTable.addColumn({ type: 'number', id: 'Mín Depto' });
dataTable.addColumn({ type: 'number', id: 'Mín Docente' });
dataTable.addColumn({ type: 'number', id: 'Máx Docente' });
dataTable.addColumn({ type: 'number', id: 'Máx Depto' });
dataTable.addColumn({ type: 'string', role: 'tooltip' });
dataTable.addRows([
['Formales', 20, 28, 38, 45, 'Formales'],
['Material', 31, 38, 55, 66, 'Material'],
['Planificación', 50, 55, 77, 80, 'Planificación'],
['Contenidos', 77, 50, 66, 50, 'Contenidos'],
['Práctica', 68, 46, 62, 15, 'Práctica'],
['test', 50, 40, 40, 90, 'test']
]);
chart.draw(dataTable, options);
}
/script
/head
body
div id=chart_div style=width: 900px; height: 500px;/div
/body
/html
--
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] Best approach to present three dimensional data
Hi Tong, We have the BubbleChart https://developers.google.com/chart/interactive/docs/gallery/bubblechart, which allows you to specify a size and/or color for each point, effectively allowing you to visualize up to four dimensions simultaneously. On Mon, Aug 10, 2015 at 2:39 PM Tong Sun suntong...@gmail.com wrote: [I tried to find it, but didn't find what I was looking, so... ] Any good way to present three dimensional data, the real three dimensional data, not presenting two dimensional data with 3D graphs? By two dimensional data I mean charting in Y-axis along X-axis. By three dimensional data, I mean charting in Z-axis along Y-axis and X-axis pane. I guess Google chart is still unable to do it, right? Any alternative approach? I.e., using size of circle to represent the Z-axis value, would that be practical/available in Google chart now? 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. -- 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] Best approach to present three dimensional data
[I tried to find it, but didn't find what I was looking, so... ] Any good way to present three dimensional data, the real three dimensional data, not presenting two dimensional data with 3D graphs? By two dimensional data I mean charting in Y-axis along X-axis. By three dimensional data, I mean charting in Z-axis along Y-axis and X-axis pane. I guess Google chart is still unable to do it, right? Any alternative approach? I.e., using size of circle to represent the Z-axis value, would that be practical/available in Google chart now? 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] [Controls Dashboards] 'g is undefined'
Hey Everyone,
When I'm attempting to draw a column chart, I'm receiving a strange error-
'One or more participants failed to draw' followed by 'g is undefined'. I
stepped into the call stack through Firebug, but I wasn't able to
understand the minified Javascript.
My code is below :
script type=text/javascript src=https://www.google.com/jsapi;/script
script
src=https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js;/script
script type=text/javascript
var queryObject;
google.load('visualization', '1.0', {'packages':['controls']});
google.setOnLoadCallback(drawChart);
function drawChart(){
$.ajax({
type: 'POST',
url: 'initialize.jsp',
dataType: 'JSON',
success:function(data){
queryObject = data;
},
error:function(xhr,type){
alert('Error in JSP');
}
}).done(function() {
var data = new google.visualization.DataTable();
var db = null;
data.addColumn('string', 'source');
data.addColumn('string', 'system');
data.addColumn('string', 'day');
data.addColumn('string', 'direction');
data.addColumn('number', 'messages');
data.addColumn('number', 'packages');
for(var i = 0 ; i queryObject.volumeDetails.length ; i++){
var source = queryObject.volumeDetails[i].source;
db = source;
var direction = queryObject.volumeDetails[i].direction;
var system = queryObject.volumeDetails[i].system;
var day = queryObject.volumeDetails[i].day;
var messages = queryObject.volumeDetails[i].messages;
var packages = queryObject.volumeDetails[i].packages;
data.addRow([source, system, day, direction, messages,
packages]);
}
var dashboard = new
google.visualization.Dashboard(document.getElementById('TSL_space_div'));
var chart = new google.visualization.ChartWrapper({
chartType: 'ColumnChart',
options: {
title: db + ' Volume',
width: 450,
height: 450,
animation: {
startup: true,
duration: 1000,
easing: 'out'
},
vAxis: {
title: 'Volume'
},
legend: {
position: 'top'
}
},
view: {
columns: [2,4,5]
},
containerId: 'TSL_chart_div'
});
var directionFilter = new
google.visualization.ControlWrapper({
controlType: 'CategoryFilter',
containerId: db + '_direction_filter_div',
values: ['In', 'Out'],
options: {
'filterColumnLabel': 'direction',
ui: {
'orientation': 'vertical',
'caption': 'Select. . .',
'label': 'Direction'
}
}
});
dashboard.bind(directionFilter,chart);
dashboard.draw(data);
}
);
}
/script
The directionFilter is drawing, but the chart fails to draw. The data
table, in JSON format, is below :
Re: [visualization-api] Best approach to present three dimensional data
Thanks Sergey. That's exactly what I was thinking, just I only need three dimensional data, not four. But I managed to make it works for three dimensional data as well: https://jsfiddle.net/5r2huvqd/ Cheers On Mon, Aug 10, 2015 at 2:52 PM, 'Sergey Grabkovsky' via Google Visualization API google-visualization-api@googlegroups.com wrote: Hi Tong, We have the BubbleChart https://developers.google.com/chart/interactive/docs/gallery/bubblechart, which allows you to specify a size and/or color for each point, effectively allowing you to visualize up to four dimensions simultaneously. On Mon, Aug 10, 2015 at 2:39 PM Tong Sun suntong...@gmail.com wrote: [I tried to find it, but didn't find what I was looking, so... ] Any good way to present three dimensional data, the real three dimensional data, not presenting two dimensional data with 3D graphs? By two dimensional data I mean charting in Y-axis along X-axis. By three dimensional data, I mean charting in Z-axis along Y-axis and X-axis pane. I guess Google chart is still unable to do it, right? Any alternative approach? I.e., using size of circle to represent the Z-axis value, would that be practical/available in Google chart now? 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. -- 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/tdZeal502vs/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.
[visualization-api] Visualization issue with area series
Hello. Has anyone ever encountered an issue like this? when setting a viewWindow max-min, I get the following result (area series overflows over the entire chart area) https://drive.google.com/file/d/0B-SPOI3uVlh2S0wyZjJXWGhZbXc/view?usp=sharing If i don't do that it works properly. I tried setting a jsfiddle and for some reason it works just fine! https://jsfiddle.net/hrow00xc/1/ Has anyone ever experienced that issue? My first guess was a css issue, but tried disabling all css and the results were the same. Any ideas? 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.
Re: [visualization-api] [Controls Dashboards] 'g is undefined'
Hi Christian,
I'm not sure about the error you are seeing, but there are a couple bugs
involving animation that might be the cause. I got your example code to
work by disabling the animation: https://jsfiddle.net/dlaliberte/crc91kho/
On Mon, Aug 10, 2015 at 4:29 PM, Christian Alexander c...@njit.edu wrote:
Hey Everyone,
When I'm attempting to draw a column chart, I'm receiving a strange error-
'One or more participants failed to draw' followed by 'g is undefined'. I
stepped into the call stack through Firebug, but I wasn't able to
understand the minified Javascript.
My code is below :
script type=text/javascript src=https://www.google.com/jsapi
/script
script src=
https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js
/script
script type=text/javascript
var queryObject;
google.load('visualization', '1.0', {'packages':['controls']});
google.setOnLoadCallback(drawChart);
function drawChart(){
$.ajax({
type: 'POST',
url: 'initialize.jsp',
dataType: 'JSON',
success:function(data){
queryObject = data;
},
error:function(xhr,type){
alert('Error in JSP');
}
}).done(function() {
var data = new google.visualization.DataTable();
var db = null;
data.addColumn('string', 'source');
data.addColumn('string', 'system');
data.addColumn('string', 'day');
data.addColumn('string', 'direction');
data.addColumn('number', 'messages');
data.addColumn('number', 'packages');
for(var i = 0 ; i queryObject.volumeDetails.length ; i++){
var source = queryObject.volumeDetails[i].source;
db = source;
var direction = queryObject.volumeDetails[i].direction;
var system = queryObject.volumeDetails[i].system;
var day = queryObject.volumeDetails[i].day;
var messages = queryObject.volumeDetails[i].messages;
var packages = queryObject.volumeDetails[i].packages;
data.addRow([source, system, day, direction, messages,
packages]);
}
var dashboard = new
google.visualization.Dashboard(document.getElementById('TSL_space_div'));
var chart = new google.visualization.ChartWrapper({
chartType: 'ColumnChart',
options: {
title: db + ' Volume',
width: 450,
height: 450,
animation: {
startup: true,
duration: 1000,
easing: 'out'
},
vAxis: {
title: 'Volume'
},
legend: {
position: 'top'
}
},
view: {
columns: [2,4,5]
},
containerId: 'TSL_chart_div'
});
var directionFilter = new
google.visualization.ControlWrapper({
controlType: 'CategoryFilter',
containerId: db + '_direction_filter_div',
values: ['In', 'Out'],
options: {
'filterColumnLabel': 'direction',
ui: {
'orientation': 'vertical',
'caption': 'Select. . .',
'label': 'Direction'
}
}
});
dashboard.bind(directionFilter,chart);
dashboard.draw(data);
}
);
}
/script
The directionFilter is drawing, but the chart fails to draw. The data
table, in JSON format, is below :
[visualization-api] Re: compatibililty with w2ui?
Additional information: It seems if I add the script line script type=text/javascript src=https://www.google.com/jsapi;/script The whole page blows up. My head files looks like meta charset=UTF-8 script type=text/javascript src=https://www.google.com/jsapi;/script link rel=stylesheet type=text/css href=http://w2ui.com/src/w2ui-1.4.2.min.css; / script src=http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js;/script script type=text/javascript src=http://w2ui.com/src/w2ui-1.4.2.min.js;/script script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery Thanks again Paul On Monday, August 10, 2015 at 3:07:37 PM UTC-7, Paul Schwartz wrote: I have a site built with w2ui. I a panel I try and load a php page that has Google Chart graphics and it won't load. I can load straight html without Google Chart graphics. Is there a incompatibly l between w2ui and Google chart? Is there a workaround? Thanks, Paul -- 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] compatibililty with w2ui?
I have a site built with w2ui. I a panel I try and load a php page that has Google Chart graphics and it won't load. I can load straight html without Google Chart graphics. Is there a incompatibly l between w2ui and Google chart? Is there a workaround? Thanks, Paul -- 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] Google visualization event tracking on Google Analytics
I have created a number of visualisations on my website using your API and I wanted to know if it was possible to track usage of your API on my site via Google Analytics. For example, if I have a chart control dashboard on a particular page, can I find out how many users interact with the dashboard vs those that don't? All help welcomed. Nick -- 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] Visualization issue with area series
I'm afraid I can't share that particular URL, but I'll try my best to replicate the conditions in a fiddle. This is a project that's using the library along with angularjs (using the angular-google-chart module: https://github.com/angular-google-chart/angular-google-chart) which I guess could be the source of the problem. I'll get back to you with another fiddle as soon as I can. On Mon, Aug 10, 2015 at 4:42 PM, 'Daniel LaLiberte' via Google Visualization API google-visualization-api@googlegroups.com wrote: Can you point us to the page where this is failing? It would appear that clipping is broken in some way, which could be caused by the particular way in which your chart is drawn in the container HTML, or perhaps it depends on the browser you are using. So we would like to try to reproduce the actual problem. We have encountered similar problems on mobile platforms, or in contexts where the chart elements have been cloned while leaving the ids intact (thus confusing the clipping region). On Mon, Aug 10, 2015 at 3:33 PM, Moustacheful dac...@digitalmeat.cl wrote: Hello. Has anyone ever encountered an issue like this? when setting a viewWindow max-min, I get the following result (area series overflows over the entire chart area) https://drive.google.com/file/d/0B-SPOI3uVlh2S0wyZjJXWGhZbXc/view?usp=sharing If i don't do that it works properly. I tried setting a jsfiddle and for some reason it works just fine! https://jsfiddle.net/hrow00xc/1/ Has anyone ever experienced that issue? My first guess was a css issue, but tried disabling all css and the results were the same. Any ideas? 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. -- 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 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/YJSVLewZPlQ/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. -- http://www.meat.cl/ Daniel Acuña Director de desarrollo e innovación Mail:dac...@digitalmeat.cl Teléfono:+56 2 501 54 39 Sitio web:www.meat.cl Dirección:La concepción #191 oficina 808, Providencia. https://www.google.cl/maps/place/La+Concepci%C3%B3n+191,+Providencia,+Regi%C3%B3n+Metropolitana/@-33.4241654,-70.6163252,17z/data=!3m1!4b1!4m2!3m1!1s0x9662cf615b7d4d29:0x5ebfc38267dcb4dd -- 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] Visualization issue with area series
Can you point us to the page where this is failing? It would appear that clipping is broken in some way, which could be caused by the particular way in which your chart is drawn in the container HTML, or perhaps it depends on the browser you are using. So we would like to try to reproduce the actual problem. We have encountered similar problems on mobile platforms, or in contexts where the chart elements have been cloned while leaving the ids intact (thus confusing the clipping region). On Mon, Aug 10, 2015 at 3:33 PM, Moustacheful dac...@digitalmeat.cl wrote: Hello. Has anyone ever encountered an issue like this? when setting a viewWindow max-min, I get the following result (area series overflows over the entire chart area) https://drive.google.com/file/d/0B-SPOI3uVlh2S0wyZjJXWGhZbXc/view?usp=sharing If i don't do that it works properly. I tried setting a jsfiddle and for some reason it works just fine! https://jsfiddle.net/hrow00xc/1/ Has anyone ever experienced that issue? My first guess was a css issue, but tried disabling all css and the results were the same. Any ideas? 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. -- 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] Display Times in the Same Time Zone in hAxis and Area Chart Tooltip
I am using the Google Visualization API to display an area chart. The
x-axis is of type 'datetime', and the y-axis is of type 'number'. When I
display times, times are displayed in the specified time zone in the tool
tips of the chart. Times are displayed in the time zone of the browser
along the hAxis. I would like to display the same times in both locations.
First, I construct the DataTable using a for loop with this body.
data.addRow([new Date(year + - + month + - + day + T + hour + : +
minute + : + second + -05:00), chartsdata[i].count]);
One of the strings is 2014-02-10T10:00:00-05:00. I would like both the
tooltip and the hAxis to display 2014.02.10 10:00 -0500.
To format times in the tooltips, I use this code:
var formatter_long = new google.visualization.DateFormat({pattern: .MM.dd
HH:mm ZZZ, timeZone: -5 });
formatter_long.format(data, 0);
To display times along the hAxis, I use this code:
hAxis: { slantedText: true, slantedTextAngle: 60, textStyle: { color:
'green' }, format: '.MM.dd HH:mm ZZZ', timeZone: -5, textStyle: {
fontSize:10} },
I have not found a property of hAxis to specify the time zone. The result
is that
Tooltip time = 2014.02.10 10:00 -0500
hAxis time = 2014.02.10 07:00 -0800
In other words, the tooltip is correct, but the hAxis labels are not. How
can I resolve this mismatch?
Thank you.
--
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] Googe graph in google sites - tiny legend field
Hi All! I have a problem with forcing the legend field of the graph embbedded in the google sites to becom bigger allowing to show all labels in full. So far, no matter how wide the graph is, the legend always gest cut one way or the other. I can't play with Javascript as the graphs are embedded, therefore they are just iFrames to which I don't have access..There's no way to change the way the graphs are embedded, so except for just manually adding the legend to the page of the site, I don't have any other idea. Can anyone suggest a solution? Many 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: How to reduce distance between pie chart and its legend
Parth - can you tell me how you managed to get a lagend to display full labels? W dniu wtorek, 14 kwietnia 2015 18:42:32 UTC+2 użytkownik Parth Bhave napisał: I am trying to create a Google pie chart. How do I reduce the distance between the legend and the pie? I have tried reducing chart area, width, height, legend font size etc but dont see any change. Thanks for any suggestions. Thanks Parth -- 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] How to edit Google column charts
I want to know, how we can show all numbers in horizontally and skip 2 for vertically https://lh3.googleusercontent.com/-iJyWYO0RbRU/VciJ9SN8y9I/AJM/EURWj9uClAQ/s1600/graphs.png this is screen shot of the my graph and I want to show all the name on horizontally and shows data by skip 2 of every entry on the vertically. Please help me out. *I have Also Attach the file in which I write the code.* -- 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. attachment: index.php
[visualization-api] How to cite google chart in research article?
I deployed google chart as a web component on my web-server. I want to publish this web-server. How can I cite google chart in the research paper? -- 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.
