subject:"\[visualization\-api\] line chart"

[visualization-api] Line chart is cut off when lineWidth is greater than 1

2022-12-21 Thread Phúc Nguyễn

Hi all, I have an issue with Google Line Chart. When I try to configure the 
lineWidth property of the line chart, I notice that a part of the line is 
cut off. This issue does not occur when lineWidth = 1. Is there any way to 
make the line fully displayed without changing the max and the min property 
of the viewWindow. 
Thanks a lot.
Here is a demo: https://jsfiddle.net/xms65j3f/16/

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/a6ae3043-6158-48a2-a1ba-74bba0f54e93n%40googlegroups.com.

[visualization-api] Line chart / trend line - Uncaught TypeError: d.points[c] is undefined

2022-01-15 Thread Philipp Förmer

Hi,

I use a line chart with a linear trend line. 
Example code: https://jsfiddle.net/philipp_foermer/q2c4ajr1/3/

If the mouse is hovered over the trend line, then randomly after some time 
the following java script error appears and the chart view is stuck (no 
hover tooltip anymore for a data point). If no trend line is used, then the 
issue does not occur.

Uncaught TypeError: d.points[c] is undefined
gvjs_mK 
https://www.gstatic.com/charts/51/i18n/jsapi_compiled_i18n_ui_module__en_gb.js
:896
gvjs_nK 
https://www.gstatic.com/charts/51/i18n/jsapi_compiled_i18n_ui_module__en_gb.js
:897
gvjs_yK 
https://www.gstatic.com/charts/51/i18n/jsapi_compiled_i18n_ui_module__en_gb.js
:918
UX 
https://www.gstatic.com/charts/51/i18n/jsapi_compiled_i18n_ui_module__en_gb.js
:908
Us 
https://www.gstatic.com/charts/51/i18n/jsapi_compiled_i18n_ui_module__en_gb.js
:904
gvjs_qK 
https://www.gstatic.com/charts/51/i18n/jsapi_compiled_i18n_ui_module__en_gb.js
:902
hk 
https://www.gstatic.com/charts/51/i18n/jsapi_compiled_i18n_ui_module__en_gb.js
:1048
b5 
https://www.gstatic.com/charts/51/i18n/jsapi_compiled_i18n_ui_module__en_gb.js
:946
gvjs_xi 
https://www.gstatic.com/charts/51/i18n/jsapi_compiled_i18n_default_module__en_gb.js
:166
dispatchEvent 
https://www.gstatic.com/charts/51/i18n/jsapi_compiled_i18n_default_module__en_gb.js
:164
b5 
https://www.gstatic.com/charts/51/i18n/jsapi_compiled_i18n_ui_module__en_gb.js
:128
setTimeout handler*gvjs_.start 
https://www.gstatic.com/charts/51/i18n/jsapi_compiled_i18n_ui_module__en_gb.js
:128
gvjs_TK 
https://www.gstatic.com/charts/51/i18n/jsapi_compiled_i18n_ui_module__en_gb.js
:946
Rpa 
https://www.gstatic.com/charts/51/i18n/jsapi_compiled_i18n_ui_module__en_gb.js
:955
gvjs_xi 
https://www.gstatic.com/charts/51/i18n/jsapi_compiled_i18n_default_module__en_gb.js
:166

Used web browsers:

   - Firefox 96.0.1 (64 Bit) / Windows 10
   - Chrome 97.0.4692.71 (64-Bit) / Windows 10 


Any ideas, if this is an issue in the library or my code misses something?

Best regards,
Philipp Förmer

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/2b48a0af-3236-43ff-86f2-c1e7f759b3dfn%40googlegroups.com.

[visualization-api] Line chart - Data point overlapping - not displaying overlaid data point tooltip (Custom html tooltip)

2020-11-19 Thread Mudassir Ali Khaja

Hi,

I am using google line chart. Having some issue in triggering the tooltip 
(custom tooltip) of a data points which is overlaid by another data point. 
Application only rendering tooltip of the first data point. Is there any 
way I can render all the tooltips of an overlaid data points..


I tried below options, did not worked for me.

*selectionMode: 'multiple',*
 // Trigger tooltips
  // on selections.
  *tooltip: {trigger: 'selection'},*
  // Group selections
  // by x-value.
  *aggregationTarget: 'category',*  

Thanks,
Ali

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/b09ba372-0cda-44a2-b181-71ced0a59a6an%40googlegroups.com.

[visualization-api] line chart show with multiple year

2020-10-09 Thread rock Gautam

when i have use google line chart then chart show line for same year not 
two year , i have need one line on chart for current year and second line 
on chart for previous year, if i have number od data is more than show date 
with different few day on line chart.

I have need like given image below

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/2de72041-af07-46e3-97dc-0a754bc89a1en%40googlegroups.com.

[visualization-api] Line Chart with data from two different DB-tables

2020-09-19 Thread RBTCGP

I have a line chart, that gets data from a DB by the use of a PHP-Script.

Now I would like to display a second line in the same chart getting data 
from the same DB but from another table.

Do I have to add code in the google graph HTML-page or just in the 
PHP-Script?

:","","");
mysql_select_db("test");

$result = mysql_query("SELECT (DATE_FORMAT(t, '%T')), rt FROM  Order 
by t DESC LIMIT 10");

$table = array();
$table['cols'] = array(

// Labels for your chart, these represent the column titles
// Note that one column is in "string" format and another one is in 
"number" format as pie chart only required "numbers" for calculating 
percentage and string will be used for column title
array('label' => 'DatumZeit', 'type' => 'string'),
array('label' => 'AZ [ms]', 'type' => 'number')

);

$rows = array();
while($r = mysql_fetch_assoc($result)) {
$temp = array();
// the following line will be used to slice the Pie chart
$temp[] = array('v' => (string) $r["(DATE_FORMAT(t, '%T'))"]); 

// Values of each slice
$temp[] = array('v' => (int) $r['rt']); 
$rows[] = array('c' => $temp);
}

$table['rows'] = $rows;
$jsonTable = json_encode($table);
echo $jsonTable;

mysql_close();
?>

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/bcaa4d33-b3f6-48cd-8de8-a04c4555b7d3n%40googlegroups.com.

[visualization-api] Line chart with multiple lines and multiple data

2020-05-25 Thread dev80

Hello,

I did'nt found a solution for my issue, but i'm quite sure it's possible :)

As you can see in the attachment, i use a line chart to render my data.
There are 2 lines, representing 2 levels for an exercise, and each plot is 
a score obtained during a session.


My actual datatable is :

[
  [1,1,5],
  [2,2,4],
  [3,3,3],
  [4,4,2],
  [5,5,1],
  [6,11,13],
  [7,null,10],
  [8,null,16],
  [9,null,1]
]

columns are :
data.addColumn('number', 'X');
data.addColumn('number', 'Niveau 1');
data.addColumn('number', 'Niveau 2");


Actually, I don't know how to add the date information (data are grouped by 
plot, actually we have 9), and there are 2 dates for a same plot (one date 
for level 1, one date for level 2)

My lines and data are ok, but the goal is to display the date of the score 
in the tooltip when we put the mouse over a plot.


I think i have to specify which columns to use and set them, but how ?

how can I perform this ? could you send me a basic datatable sample and/or 
options ?

Thanks a lot :)



-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/e2ac8b6d-79e5-4be0-a15d-1ca1e984536b%40googlegroups.com.

Re: [visualization-api] Line chart doesn't render full line

2020-03-13 Thread 'Daniel LaLiberte' via Google Visualization API

The github issues forum is for the public.  Since you posted in the public
group (visualization-api) your example is safe there.  We can create a
google-internal bug for tracking.

On Fri, Mar 13, 2020 at 4:37 PM 'Yi Ren' via Google Visualization API <
google-visualization-api@googlegroups.com> wrote:

> Sure, I can post it. Before doing it just to confirm, is this github forum
> public or only for internal discussion?
>
> On Friday, March 13, 2020 at 12:40:22 PM UTC-7 Daniel LaLiberte wrote:
>
>> No bug posted about this yet.  If you could post your example to
>> https://github.com/google/google-visualization-issues/issues that would
>> be great.   Thanks.
>>
>> On Fri, Mar 13, 2020 at 1:51 PM 'Yi Ren' via Google Visualization API <
>> google-visualization-api@googlegroups.com> wrote:
>>
>>> Hi Daniel,
>>>
>>> Thank you for your answer! I'll specify a lower bound as a workaround.
>>> Meanwhile is there a bug number tracking this?
>>>
>>> On Friday, March 13, 2020 at 8:08:31 AM UTC-7 Daniel LaLiberte wrote:
>>>
 Hi Yi,

 It looks like you have found a bug.  The lower bound on the y axis is
 cutting off some values that are in your data, which should not happen by
 default.  But you should be able to override the default behavior by
 specifying a vAxis.minValue or vAxis.viewWindow.min of 0.001.

 On Thu, Mar 12, 2020 at 10:22 PM 'Yi Ren' via Google Visualization API <
 google-visualization-api@googlegroups.com> wrote:

> Hi,
>
> I've got a question with Google Chart Api. I'm working with a line
> chart and the chart I got is like in
> https://screenshot.googleplex.com/fEXNxccxPDL. The source code is
> pasted below. I was wondering why one line (latency90) was not fully
> rendered and cropped at the axes, while I didn't limit the range of the
> axes. How can I fix it?
>
> Source code:
>  function drawPercentileChart() {
>var data = google.visualization.arrayToDataTable([
>  ['Input Size', 'Latency90', 'Latency95', 'Latency99'],
>
>  
> [24,0.002554,0.072793,0.149816],[703,0.09132,0.124971,0.160408],[1445,0.002195,0.003453,0.136512],[1770,0.004233,0.09182,0.158947],[2977,0.002291,0.003246,0.143211],[3746,0.023668,0.11503,0.16272],[5374,0.138668,0.154774,0.247731],[13954,0.156415,0.165572,0.572356],[42616,0.162455,0.17263,0.522577],[116764,0.17433,0.197336,0.559476]
>]);
>
>var options = {
>  title: 'worry_scorer_dc_autopush latency percentile',
>  curveType: 'function',
>  width: 1024,
>  height: 768,
>  pointSize: 10,
>  hAxis: {
>title: "Input size (bytes)",
>scaleType: "log",
>  },
>  vAxis: {
>title: "Latency (seconds)",
>scaleType: "log",
>  },
>};
>
>var chart = new
> google.visualization.LineChart(document.getElementById('line_chart'));
>chart.draw(data, options);
>  }
>
>
> Thank you!
> Yi
>
> --
> 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+unsub...@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/google-visualization-api/997c50c2-98bb-4719-b33d-9a13e1e9f366%40googlegroups.com
> 
> .
>


 --
 Daniel LaLiberte
 
 dlalibe...@google.com   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+unsub...@googlegroups.com.
>>>
>> To view this discussion on the web visit
>>> https://groups.google.com/d/msgid/google-visualization-api/81952a38-5236-44f8-adee-fff185335ba6%40googlegroups.com
>>> 
>>> .
>>>
>>
>>
>> --
>> Daniel LaLiberte 
>> dlalibe...@google.com   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 view this discussion on the web visit
> https://groups.google.com/d/msgid/google-visualization-ap

Re: [visualization-api] Line chart doesn't render full line

2020-03-13 Thread 'Yi Ren' via Google Visualization API

Sure, I can post it. Before doing it just to confirm, is this github forum 
public or only for internal discussion?

On Friday, March 13, 2020 at 12:40:22 PM UTC-7 Daniel LaLiberte wrote:

> No bug posted about this yet.  If you could post your example to 
> https://github.com/google/google-visualization-issues/issues that would 
> be great.   Thanks.
>
> On Fri, Mar 13, 2020 at 1:51 PM 'Yi Ren' via Google Visualization API <
> google-visualization-api@googlegroups.com> wrote:
>
>> Hi Daniel,
>>
>> Thank you for your answer! I'll specify a lower bound as a workaround. 
>> Meanwhile is there a bug number tracking this?
>>
>> On Friday, March 13, 2020 at 8:08:31 AM UTC-7 Daniel LaLiberte wrote:
>>
>>> Hi Yi,
>>>
>>> It looks like you have found a bug.  The lower bound on the y axis is 
>>> cutting off some values that are in your data, which should not happen by 
>>> default.  But you should be able to override the default behavior by 
>>> specifying a vAxis.minValue or vAxis.viewWindow.min of 0.001.
>>>
>>> On Thu, Mar 12, 2020 at 10:22 PM 'Yi Ren' via Google Visualization API <
>>> google-visualization-api@googlegroups.com> wrote:
>>>
 Hi,

 I've got a question with Google Chart Api. I'm working with a line 
 chart and the chart I got is like in 
 https://screenshot.googleplex.com/fEXNxccxPDL. The source code is 
 pasted below. I was wondering why one line (latency90) was not fully 
 rendered and cropped at the axes, while I didn't limit the range of the 
 axes. How can I fix it?

 Source code:
  function drawPercentileChart() {
var data = google.visualization.arrayToDataTable([
  ['Input Size', 'Latency90', 'Latency95', 'Latency99'],
 
  
 [24,0.002554,0.072793,0.149816],[703,0.09132,0.124971,0.160408],[1445,0.002195,0.003453,0.136512],[1770,0.004233,0.09182,0.158947],[2977,0.002291,0.003246,0.143211],[3746,0.023668,0.11503,0.16272],[5374,0.138668,0.154774,0.247731],[13954,0.156415,0.165572,0.572356],[42616,0.162455,0.17263,0.522577],[116764,0.17433,0.197336,0.559476]
]);

var options = {
  title: 'worry_scorer_dc_autopush latency percentile',
  curveType: 'function',
  width: 1024,
  height: 768,
  pointSize: 10,
  hAxis: {
title: "Input size (bytes)",
scaleType: "log",
  },
  vAxis: {
title: "Latency (seconds)",
scaleType: "log",
  },
};

var chart = new 
 google.visualization.LineChart(document.getElementById('line_chart'));
chart.draw(data, options);
  }


 Thank you!
 Yi

 -- 
 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+unsub...@googlegroups.com.
 To view this discussion on the web visit 
 https://groups.google.com/d/msgid/google-visualization-api/997c50c2-98bb-4719-b33d-9a13e1e9f366%40googlegroups.com
  
 
 .

>>>
>>>
>>> -- 
>>> Daniel LaLiberte 
>>> dlalibe...@google.com   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+unsub...@googlegroups.com.
>>
> To view this discussion on the web visit 
>> https://groups.google.com/d/msgid/google-visualization-api/81952a38-5236-44f8-adee-fff185335ba6%40googlegroups.com
>>  
>> 
>> .
>>
>
>
> -- 
> Daniel LaLiberte 
> dlalibe...@google.com   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 view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/b5ff82d2-8eec-47fb-ad53-8db186a77aa0%40googlegroups.com.

Re: [visualization-api] Line chart doesn't render full line

2020-03-13 Thread 'Daniel LaLiberte' via Google Visualization API

No bug posted about this yet.  If you could post your example to
https://github.com/google/google-visualization-issues/issues that would be
great.   Thanks.

On Fri, Mar 13, 2020 at 1:51 PM 'Yi Ren' via Google Visualization API <
google-visualization-api@googlegroups.com> wrote:

> Hi Daniel,
>
> Thank you for your answer! I'll specify a lower bound as a workaround.
> Meanwhile is there a bug number tracking this?
>
> On Friday, March 13, 2020 at 8:08:31 AM UTC-7 Daniel LaLiberte wrote:
>
>> Hi Yi,
>>
>> It looks like you have found a bug.  The lower bound on the y axis is
>> cutting off some values that are in your data, which should not happen by
>> default.  But you should be able to override the default behavior by
>> specifying a vAxis.minValue or vAxis.viewWindow.min of 0.001.
>>
>> On Thu, Mar 12, 2020 at 10:22 PM 'Yi Ren' via Google Visualization API <
>> google-visualization-api@googlegroups.com> wrote:
>>
>>> Hi,
>>>
>>> I've got a question with Google Chart Api. I'm working with a line chart
>>> and the chart I got is like in
>>> https://screenshot.googleplex.com/fEXNxccxPDL. The source code is
>>> pasted below. I was wondering why one line (latency90) was not fully
>>> rendered and cropped at the axes, while I didn't limit the range of the
>>> axes. How can I fix it?
>>>
>>> Source code:
>>>  function drawPercentileChart() {
>>>var data = google.visualization.arrayToDataTable([
>>>  ['Input Size', 'Latency90', 'Latency95', 'Latency99'],
>>>
>>>  
>>> [24,0.002554,0.072793,0.149816],[703,0.09132,0.124971,0.160408],[1445,0.002195,0.003453,0.136512],[1770,0.004233,0.09182,0.158947],[2977,0.002291,0.003246,0.143211],[3746,0.023668,0.11503,0.16272],[5374,0.138668,0.154774,0.247731],[13954,0.156415,0.165572,0.572356],[42616,0.162455,0.17263,0.522577],[116764,0.17433,0.197336,0.559476]
>>>]);
>>>
>>>var options = {
>>>  title: 'worry_scorer_dc_autopush latency percentile',
>>>  curveType: 'function',
>>>  width: 1024,
>>>  height: 768,
>>>  pointSize: 10,
>>>  hAxis: {
>>>title: "Input size (bytes)",
>>>scaleType: "log",
>>>  },
>>>  vAxis: {
>>>title: "Latency (seconds)",
>>>scaleType: "log",
>>>  },
>>>};
>>>
>>>var chart = new
>>> google.visualization.LineChart(document.getElementById('line_chart'));
>>>chart.draw(data, options);
>>>  }
>>>
>>>
>>> Thank you!
>>> Yi
>>>
>>> --
>>> 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+unsub...@googlegroups.com.
>>> To view this discussion on the web visit
>>> https://groups.google.com/d/msgid/google-visualization-api/997c50c2-98bb-4719-b33d-9a13e1e9f366%40googlegroups.com
>>> 
>>> .
>>>
>>
>>
>> --
>> Daniel LaLiberte 
>> dlalibe...@google.com   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 view this discussion on the web visit
> https://groups.google.com/d/msgid/google-visualization-api/81952a38-5236-44f8-adee-fff185335ba6%40googlegroups.com
> 
> .
>


-- 
Daniel LaLiberte 
dlalibe...@google.comCambridge 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 view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/CAOtcSJM20706yz9rswQ2e1SU-9LF1dc7zrpGZvn10dpR2CTJAA%40mail.gmail.com.

Re: [visualization-api] Line chart doesn't render full line

2020-03-13 Thread 'Yi Ren' via Google Visualization API

Hi Daniel,

Thank you for your answer! I'll specify a lower bound as a workaround. 
Meanwhile is there a bug number tracking this?

On Friday, March 13, 2020 at 8:08:31 AM UTC-7 Daniel LaLiberte wrote:

> Hi Yi,
>
> It looks like you have found a bug.  The lower bound on the y axis is 
> cutting off some values that are in your data, which should not happen by 
> default.  But you should be able to override the default behavior by 
> specifying a vAxis.minValue or vAxis.viewWindow.min of 0.001.
>
> On Thu, Mar 12, 2020 at 10:22 PM 'Yi Ren' via Google Visualization API <
> google-visualization-api@googlegroups.com> wrote:
>
>> Hi,
>>
>> I've got a question with Google Chart Api. I'm working with a line chart 
>> and the chart I got is like in 
>> https://screenshot.googleplex.com/fEXNxccxPDL. The source code is pasted 
>> below. I was wondering why one line (latency90) was not fully rendered and 
>> cropped at the axes, while I didn't limit the range of the axes. How can I 
>> fix it?
>>
>> Source code:
>>  function drawPercentileChart() {
>>var data = google.visualization.arrayToDataTable([
>>  ['Input Size', 'Latency90', 'Latency95', 'Latency99'],
>> 
>>  
>> [24,0.002554,0.072793,0.149816],[703,0.09132,0.124971,0.160408],[1445,0.002195,0.003453,0.136512],[1770,0.004233,0.09182,0.158947],[2977,0.002291,0.003246,0.143211],[3746,0.023668,0.11503,0.16272],[5374,0.138668,0.154774,0.247731],[13954,0.156415,0.165572,0.572356],[42616,0.162455,0.17263,0.522577],[116764,0.17433,0.197336,0.559476]
>>]);
>>
>>var options = {
>>  title: 'worry_scorer_dc_autopush latency percentile',
>>  curveType: 'function',
>>  width: 1024,
>>  height: 768,
>>  pointSize: 10,
>>  hAxis: {
>>title: "Input size (bytes)",
>>scaleType: "log",
>>  },
>>  vAxis: {
>>title: "Latency (seconds)",
>>scaleType: "log",
>>  },
>>};
>>
>>var chart = new 
>> google.visualization.LineChart(document.getElementById('line_chart'));
>>chart.draw(data, options);
>>  }
>>
>>
>> Thank you!
>> Yi
>>
>> -- 
>> 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+unsub...@googlegroups.com.
>> To view this discussion on the web visit 
>> https://groups.google.com/d/msgid/google-visualization-api/997c50c2-98bb-4719-b33d-9a13e1e9f366%40googlegroups.com
>>  
>> 
>> .
>>
>
>
> -- 
> Daniel LaLiberte 
> dlalibe...@google.com   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 view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/81952a38-5236-44f8-adee-fff185335ba6%40googlegroups.com.

Re: [visualization-api] Line chart doesn't render full line

2020-03-13 Thread 'Daniel LaLiberte' via Google Visualization API

Hi Yi,

It looks like you have found a bug.  The lower bound on the y axis is
cutting off some values that are in your data, which should not happen by
default.  But you should be able to override the default behavior by
specifying a vAxis.minValue or vAxis.viewWindow.min of 0.001.

On Thu, Mar 12, 2020 at 10:22 PM 'Yi Ren' via Google Visualization API <
google-visualization-api@googlegroups.com> wrote:

> Hi,
>
> I've got a question with Google Chart Api. I'm working with a line chart
> and the chart I got is like in
> https://screenshot.googleplex.com/fEXNxccxPDL. The source code is pasted
> below. I was wondering why one line (latency90) was not fully rendered and
> cropped at the axes, while I didn't limit the range of the axes. How can I
> fix it?
>
> Source code:
>  function drawPercentileChart() {
>var data = google.visualization.arrayToDataTable([
>  ['Input Size', 'Latency90', 'Latency95', 'Latency99'],
>
>  
> [24,0.002554,0.072793,0.149816],[703,0.09132,0.124971,0.160408],[1445,0.002195,0.003453,0.136512],[1770,0.004233,0.09182,0.158947],[2977,0.002291,0.003246,0.143211],[3746,0.023668,0.11503,0.16272],[5374,0.138668,0.154774,0.247731],[13954,0.156415,0.165572,0.572356],[42616,0.162455,0.17263,0.522577],[116764,0.17433,0.197336,0.559476]
>]);
>
>var options = {
>  title: 'worry_scorer_dc_autopush latency percentile',
>  curveType: 'function',
>  width: 1024,
>  height: 768,
>  pointSize: 10,
>  hAxis: {
>title: "Input size (bytes)",
>scaleType: "log",
>  },
>  vAxis: {
>title: "Latency (seconds)",
>scaleType: "log",
>  },
>};
>
>var chart = new
> google.visualization.LineChart(document.getElementById('line_chart'));
>chart.draw(data, options);
>  }
>
>
> Thank you!
> Yi
>
> --
> 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 view this discussion on the web visit
> https://groups.google.com/d/msgid/google-visualization-api/997c50c2-98bb-4719-b33d-9a13e1e9f366%40googlegroups.com
> 
> .
>


-- 
Daniel LaLiberte 
dlalibe...@google.comCambridge 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 view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/CAOtcSJMjPkyANYxT%2BJOOUWrYppRcaN1zTPfHoZoWbSZi5NH2mw%40mail.gmail.com.

[visualization-api] Line chart doesn't render full line

2020-03-12 Thread 'Yi Ren' via Google Visualization API

Hi,

I've got a question with Google Chart Api. I'm working with a line chart 
and the chart I got is like in https://screenshot.googleplex.com/fEXNxccxPDL. 
The source code is pasted below. I was wondering why one line (latency90) 
was not fully rendered and cropped at the axes, while I didn't limit the 
range of the axes. How can I fix it?

Source code:
 function drawPercentileChart() {
   var data = google.visualization.arrayToDataTable([
 ['Input Size', 'Latency90', 'Latency95', 'Latency99'],

 
[24,0.002554,0.072793,0.149816],[703,0.09132,0.124971,0.160408],[1445,0.002195,0.003453,0.136512],[1770,0.004233,0.09182,0.158947],[2977,0.002291,0.003246,0.143211],[3746,0.023668,0.11503,0.16272],[5374,0.138668,0.154774,0.247731],[13954,0.156415,0.165572,0.572356],[42616,0.162455,0.17263,0.522577],[116764,0.17433,0.197336,0.559476]
   ]);

   var options = {
 title: 'worry_scorer_dc_autopush latency percentile',
 curveType: 'function',
 width: 1024,
 height: 768,
 pointSize: 10,
 hAxis: {
   title: "Input size (bytes)",
   scaleType: "log",
 },
 vAxis: {
   title: "Latency (seconds)",
   scaleType: "log",
 },
   };

   var chart = new 
google.visualization.LineChart(document.getElementById('line_chart'));
   chart.draw(data, options);
 }


Thank you!
Yi

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/997c50c2-98bb-4719-b33d-9a13e1e9f366%40googlegroups.com.

Re: [visualization-api] (Line Chart) different colors for single line if above or below 50 on scale on 0/100?

2019-03-16 Thread 'Daniel LaLiberte' via Google Visualization API

Hi Richie,

We don't have support for styling the line based on whether it is above or
below some value.  To do that properly, we would have to find the
intersection point of the line with your threshold, which is certainly
doable and perhaps some day we will get around to it.

On Sat, Mar 16, 2019 at 4:50 AM Richie Brereton  wrote:

> Hi there,
>   I was wondering if anyone would know how to do the following:
>
> A standard line chart with a scale of 0 to 100, can I make the single line
> change color to red if below 50 and green for above 50?
>
> I am pretty new to the Google Visual API.
>
> cheers!
> Rich
>
> --
> 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/2f18bfdb-32fb-428b-9dd4-f3e49a0c7454%40googlegroups.com
> 
> .
> For more options, visit https://groups.google.com/d/optout.
>


-- 
Daniel LaLiberte 
dlalibe...@google.comCambridge 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/CAOtcSJMLy3KhyrE9Wc3baQrDDvQ06Ob_6Ua3WH0irwif7W_2aA%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

[visualization-api] (Line Chart) different colors for single line if above or below 50 on scale on 0/100?

2019-03-16 Thread Richie Brereton

Hi there,
  I was wondering if anyone would know how to do the following:

A standard line chart with a scale of 0 to 100, can I make the single line 
change color to red if below 50 and green for above 50?

I am pretty new to the Google Visual API.

cheers!
Rich

-- 
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/2f18bfdb-32fb-428b-9dd4-f3e49a0c7454%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[visualization-api] Visualization API LIne Chart and jQuery Tabs

2019-03-05 Thread Shannon Whitty

I have built some visualization tables and charts on a page and I have 
found an issue that I can't resolve.

I have separated tables & charts into categories using jQuery Tabs() 

On one tab (Tab 4) I have a Pie Chart and a Line Chart

When the page loads and draws all the tables/charts and Tab 4 is NOT in 
focus (default) - the Line Chart does not draw the Legend OR Chart Labels. 
(the Pie Chart Loads fine)

[image: LIneChart.PNG]


When Tab 4 is in focus on page load - the Line Chart draws the Legend and 
Labels as expected.

How? Why? 
Why would labels and legend not load if the Line Chart is within a div not 
initially visible?
Why do they load fine on the Pie Chart in the same situation?

-- 
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/e00a51eb-a028-43f2-8adf-4ba899621440%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[visualization-api] Line Chart not displaying x-axis labels or Legend

2019-02-14 Thread Shannon Whitty

I have a chart which is on a page with lots of Google Visualizations.

There are:
- 8 Visualization Tables
- 1 Pie Chart
- 1 Line Chart

On initial page load, the line chart is loaded BUT it does not show the 
column labels OR the chart Legend (see below)

[image: LIneChart.PNG]


After I apply a filter (simply select any filter from a drop down I created 
which merely POSTS a value back to the page which then filters the data at 
MySQL level and rebuilds the reports - they Labels and Legend appear as 
expected.

It appears to only be an issue on initial Page Load.  I have viewed the 
source of both circumstances and the ONLY difference in the code is the 
data that is loaded into the Chart Row 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 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/17881e4f-fc8a-4120-a637-12cfb408a763%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[visualization-api] Line chart options not being applied

2018-11-09 Thread Joshua Smith

Hi,

I'm having a problem with a line chart where some of the options are not 
being applied.

Here is a jsfiddle - http://jsfiddle.net/joshuajsmith/3yakgucq/

Also for reference, the code is below.

I wonder if it has to do with the actual name of the property - they all 
have a dot in the middle.  For example:

'backgroundColor.stroke': '#00',

I'm not sure I'm specifying that correctly - ie using the tics around the 
property name.  If I leave those out, then the browser gives me a 
javascript error - "SyntaxError: missing : after property id".  It's 
interpreting just "backgroundColor" as the property and ".stroke" causes 
the error.

Am I specifying that correctly by using tics?

I did see that some properties only display for charts with a "Discreet" or 
with a "Continuous" axis.  So I tried properties that work for only one of 
those as well as both, but still the same problem.

Thanks in advance for your help!

Josh


  https://www.gstatic.com/charts/loader.js";>

google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawJoinRenewChart);
function drawJoinRenewChart() {

var data = new google.visualization.DataTable();
data.addColumn('string', 'Month');
data.addColumn('number', 'Joins');
data.addColumn({type:'string', role:'tooltip'});
data.addColumn('number', 'Renewals');
data.addColumn({type:'string', role:'tooltip'});
data.addRows([
['Jan', 719, 'Joins - Jan\'16 - 719', 964, 'Renewals - 
Jan\'16 - 964'],
['', 595, 'Joins - Feb\'16 - 595', 873, 'Renewals - Feb\'16 
- 873'],
['', 670, 'Joins - Mar\'16 - 670', 990, 'Renewals - Mar\'16 
- 990'],
['Apr', 606, 'Joins - Apr\'16 - 606', 781, 'Renewals - 
Apr\'16 - 781'],
['', 613, 'Joins - May\'16 - 613', 442, 'Renewals - May\'16 
- 442'],
['', 519, 'Joins - Jun\'16 - 519', 655, 'Renewals - Jun\'16 
- 655'],
['Jul', 509, 'Joins - Jul\'16 - 509', 683, 'Renewals - 
Jul\'16 - 683'],
['', 556, 'Joins - Aug\'16 - 556', 657, 'Renewals - Aug\'16 
- 657'],
['', 583, 'Joins - Sep\'16 - 583', 684, 'Renewals - Sep\'16 
- 684'],
]);
var options = {
title: 'Total Joins and Renewals Each Month',
legend: { position: 'top' },
backgroundColor: 'beige',
chartArea: { width:'75%', height:'60%', left: 100 },
pointSize: 3,
   
// the following options seem to not be working
'hAxis.textStyle': { color: 'black', fontName: 'Arial', fontSize
: 8, bold: false, italic: false },
'backgroundColor.stroke': '#00',
'backgroundColor.strokeWidth': 3,
'chartArea.backgroundColor': 'lightblue',
'hAxis.gridlines': {color: '#000', count: 8},
'hAxis.gridlines.color': 'black',
'hAxis.gridlines.count': 12,
'hAxis.slantedTextAngle': 45,
'vAxis.gridlines': {color: '#000', count: 8},
};

var chart = new google.visualization.LineChart(document.
getElementById('join_renew_chart_div'));
chart.draw(data, options);
}



  




-- 
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/b7addbe8-6b86-46ec-9fc8-618d72e16a2b%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[visualization-api] Line Chart Legends are switch

2018-10-23 Thread Jeffrey Heredia

I'm having issues with my legends while using the Line Chart Visualization 
tool. I'm able to successfully create the chart and legends however, the 
labels on the legends are reversed. I checked the documentation page and 
didn't see options on how to change the labels of a legend. I may just be 
blind but any assistance on how to do this would be helpful. I'm currently 
using a PHP function that populates a script for all the information that 
goes into the chart. If it makes it easier, to assist the code for the 
function is below:

function printChart($div, $data, $type, $chartTitle = null, $height, 
$hTitle, $vTitle){
$output = '';

// load jsapi
$output .= 'https://www.google.com/jsapi";>' . "\n";

// start a code block
$output .= '' . "\n";
$output .= 'var chart = "notSet";' . "\n";
// load corechart packages
$output .= 'google.load(\'visualization\', \'1.0\', 
{\'packages\':[\'corechart\']});' . "\n";

// set callback function
$output .= 'google.setOnLoadCallback(setGoogleData);' . "\n";
$output .= 'google.setOnLoadCallback(drawChart);' . "\n";

// Initialize for Animation
$output .= 'newValue = 0;' . "\n";

$i=0;
$output .= 'var data = [];' . "\n";

$output .= 'function setGoogleData(){' . "\n";
foreach($data as $dataPart){
$output .= 'data['.$i.'] = new 
google.visualization.DataTable('.json_encode($dataPart).');' . "\n";
$i++;
}
$output .= 'var chart = new google.visualization.' . $type . 
'(document.getElementById(\'' . $div . '\'));' . "\n";
$output .= '}' . "\n";



// create callback function
$output .= 'function drawChart() {' . "\n";
$output .= 'if(chart == "notSet"){' . "\n";
$output .= 'chart = new google.visualization.' . $type . 
'(document.getElementById(\'' . $div . '\'));' . "\n";
$output .= '}' . "\n";
// set the options
//$output .= 'var options = ' . json_encode($options) . ';' . "\n";
$output .= 'var options = {' . "\n";
$output .= 'title: "'.$chartTitle.'",' . "\n";
$output .= 'titlePosition: "out",' . "\n";
$output .= 'legend: {position:"bottom"},' . "\n";
//$output .= 'width: "'.$width.'",' . "\n";
$output .= 'height: "'.$height.'",' . "\n";
//$output .= 'hAxis: {position:"out", slantedTextAngle:90, title:"Stops"},' 
. "\n";
$output .= 'hAxis: {position:"out", slantedTextAngle:60, 
title:"'.$hTitle.'"},' . "\n";
//kmm - added line below
//$output .= 'hAxis.textStyle: {color:"black", fontName:"arial", 
fontSize:8},' . "\n";
//$output .= 'vAxis: {position:"in", title:"Average Passengers"},' . "\n";
$output .= 'vAxis: {position:"in", title:"'.$vTitle.'"},' . "\n";
$output .= 'pointSize: 5,' . "\n";
//kmm - added line below
$output .= 'fontSize: 12,' . "\n";
//$output .= 'chartArea: {top:30, width:"90%"},' . "\n"; //original SS 
setting
//kmm - test setting
$output .= 'chartArea: {top:20, width:"90%", height:350},' . "\n";
$output .= 'animation: {duration: 200},' . "\n";
$output .= '};' . "\n";


// create and draw the chart
$output .= 'chart.draw(data[newValue], options);' . "\n";
$output .= '}' . "\n";

// Animation Function
$output .= 'function changeChart(){' . "\n";
$output .= 'newValue = document.getElementById("chartNumber").value;' . 
"\n";
$output .= 'drawChart();' . "\n";
$output .= '}' . "\n";

$output .= '' . "\n";

return $output;
}

Thank you in advance for any assistance you provide!

-- 
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/ed7f98c3-e985-4078-915e-2e91711dd1e9%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[visualization-api] line chart with dates in php and mysql

2018-10-04 Thread Joao castro pereira

im developing a chart that show the price evolution over time.

When i was developing in my local server i could use a php while inside de 
script.. but after deployment for online server it no longer works.

the code i have now is:

https://www.gstatic.com/charts/loader.js";>