Adding points to X or Y axis

23 views
Skip to first unread message

Egzote Creative

unread,
Nov 23, 2015, 8:17:10 AM11/23/15
to Google Visualization API
Is it possible to add points to the Google Charts (line chart) to look just like this? 

I do not see this option in the documentation.


Daniel LaLiberte

unread,
Nov 23, 2015, 9:40:42 AM11/23/15
to Google Visualization API
Hi Egzote,

There is no option to draw points on the axes that way.  But you could draw these points with scatter chart.  Add a new column to your data, specify in your options series: { 1: { type: 'scatter'}}, and then add the points along the axes.   Leave null values where your line does not have data.  Here is an example showing how this could look:  http://jsfiddle.net/dlaliberte/sydsy6wo/

The style role is just to make the points have white centers, since we don't have a simpler way to do that yet.


--
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-visualizati...@googlegroups.com.
To post to this group, send email to google-visua...@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/cac7f848-71d5-4619-b523-c9cc1e770a41%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.



--
dlaliberte@Google.com   5CC, Cambridge MA
daniel.laliberte@GMail.com 9 Juniper Ridge Road, Acton MA

Egzote Creative

unread,
Nov 24, 2015, 7:50:35 AM11/24/15
to Google Visualization API
Thank you Daniel for excellent support and information.

Regards





On Monday, November 23, 2015 at 3:40:42 PM UTC+1, Daniel LaLiberte wrote:
Hi Egzote,

There is no option to draw points on the axes that way.  But you could draw these points with scatter chart.  Add a new column to your data, specify in your options series: { 1: { type: 'scatter'}}, and then add the points along the axes.   Leave null values where your line does not have data.  Here is an example showing how this could look:  http://jsfiddle.net/dlaliberte/sydsy6wo/

The style role is just to make the points have white centers, since we don't have a simpler way to do that yet.

On Mon, Nov 23, 2015 at 8:17 AM, Egzote Creative <seoe...@gmail.com> wrote:
Is it possible to add points to the Google Charts (line chart) to look just like this? 

I do not see this option in the documentation.


--
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.



--
dlali...@Google.com   5CC, Cambridge MA
daniel.l...@GMail.com 9 Juniper Ridge Road, Acton MA
Reply all
Reply to author
Forward
0 new messages