Displaying a small bar even if the value is zero/0/null

37 views
Skip to first unread message

Ning Zhang

unread,
Apr 9, 2017, 3:26:59 AM4/9/17
to Google Visualization API
Hi, is it possible that we can still display a tiny little bar even if the value is 0? For example it can be just a highlighted line on the axis (which can be seen as with zero height) but the user would still be told that "there is a value here" and the tooltip could still be triggered when mouse hovered on that axis segment.

Daniel LaLiberte

unread,
Apr 9, 2017, 2:07:33 PM4/9/17
to Google Visualization API
I believe it should show a 1 pixel bar for 0 value, but not if the value is null or undefined.     This is probably only true for the classic corechart ColumnChart, but not the material design 'Column' chart.

On Sun, Apr 9, 2017 at 3:26 AM, 'Ning Zhang' via Google Visualization API <google-visua...@googlegroups.com> wrote:
Hi, is it possible that we can still display a tiny little bar even if the value is 0? For example it can be just a highlighted line on the axis (which can be seen as with zero height) but the user would still be told that "there is a value here" and the tooltip could still be triggered when mouse hovered on that axis segment.

--
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 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/dd532798-f230-4548-8027-d02383933492%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.



--

Ning Zhang

unread,
Apr 9, 2017, 6:29:22 PM4/9/17
to google-visua...@googlegroups.com
I am using the ComboChart and there is no pixel shown for 0 value. Is there an option that I should set?

Thanks!
Ning

On Sun, Apr 9, 2017 at 11:07 AM, 'Daniel LaLiberte' via Google Visualization API <google-visua...@googlegroups.com> wrote:
I believe it should show a 1 pixel bar for 0 value, but not if the value is null or undefined.     This is probably only true for the classic corechart ColumnChart, but not the material design 'Column' chart.
On Sun, Apr 9, 2017 at 3:26 AM, 'Ning Zhang' via Google Visualization API <google-visualization-api@googlegroups.com> wrote:
Hi, is it possible that we can still display a tiny little bar even if the value is 0? For example it can be just a highlighted line on the axis (which can be seen as with zero height) but the user would still be told that "there is a value here" and the tooltip could still be triggered when mouse hovered on that axis segment.

--
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/dd532798-f230-4548-8027-d02383933492%40googlegroups.com.
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/Xa-QtdLn7DA/unsubscribe.
To unsubscribe from this group and all its topics, send an email to google-visualization-api+unsub...@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/CAOtcSJNGEr7sBegyxXR356KBQug%2BUa_0EduFHwkWA2%3Dje7opww%40mail.gmail.com.

Daniel LaLiberte

unread,
Apr 9, 2017, 6:41:09 PM4/9/17
to Google Visualization API
Actually, the 1-pixel height column is probably covered up by the baseline, which is drawn in front of data so it is sure to be visible.  You'll have to change the baselineColor to 'none' to hide it.  There should still be a gridline drawn at the same location.

On Sun, Apr 9, 2017 at 6:29 PM, 'Ning Zhang' via Google Visualization API <google-visua...@googlegroups.com> wrote:
I am using the ComboChart and there is no pixel shown for 0 value. Is there an option that I should set?

Thanks!
Ning
On Sun, Apr 9, 2017 at 11:07 AM, 'Daniel LaLiberte' via Google Visualization API <google-visualization-api@googlegroups.com> wrote:
I believe it should show a 1 pixel bar for 0 value, but not if the value is null or undefined.     This is probably only true for the classic corechart ColumnChart, but not the material design 'Column' chart.

On Sun, Apr 9, 2017 at 3:26 AM, 'Ning Zhang' via Google Visualization API <google-visualization-api@googlegroups.com> wrote:
Hi, is it possible that we can still display a tiny little bar even if the value is 0? For example it can be just a highlighted line on the axis (which can be seen as with zero height) but the user would still be told that "there is a value here" and the tooltip could still be triggered when mouse hovered on that axis segment.

--
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/dd532798-f230-4548-8027-d02383933492%40googlegroups.com.
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/Xa-QtdLn7DA/unsubscribe.
To unsubscribe from this group and all its topics, send an email to google-visualization-api+unsubscr...@googlegroups.com.

To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/CAOtcSJNGEr7sBegyxXR356KBQug%2BUa_0EduFHwkWA2%3Dje7opww%40mail.gmail.com.
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+unsub...@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/CAGrPZoXS0eYsPd7juZNNdy-tHGDvBye5OqVfkYqhMwSEDHEPUA%40mail.gmail.com.

For more options, visit https://groups.google.com/d/optout.

Daniel LaLiberte

unread,
Apr 9, 2017, 7:47:16 PM4/9/17
to Google Visualization API
This drawing of the 1-pixel height column is actually inconsistent with how other columns are drawn, now that I zoom in on it.  The other columns start one pixel above the baseline, but this special 0 value is drawn on the baseline.  I'll see about fixing that at some point.

On Sun, Apr 9, 2017 at 6:41 PM, Daniel LaLiberte <dlali...@google.com> wrote:
Actually, the 1-pixel height column is probably covered up by the baseline, which is drawn in front of data so it is sure to be visible.  You'll have to change the baselineColor to 'none' to hide it.  There should still be a gridline drawn at the same location.



--

Ning Zhang

unread,
Apr 10, 2017, 8:21:25 PM4/10/17
to google-visua...@googlegroups.com
Sorry I tried to set haxis"'baselineColor': 'none'", but and verified that we are having zero value cells. But still I didn't see the one pixel bar on the baseline... Nor can I hover on it to see the 0 value in a tooltip.

Could you share a example with me where u can show a one pixel bar on combochart?

Thanks a lot for all the help!
Ning

To unsubscribe from this group and all its topics, 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/CAOtcSJOx1ToB3%2B2N0LZ_jTaFFnb2qFO1YsKjAmgwQUd4_W7qTA%40mail.gmail.com.

Daniel LaLiberte

unread,
Apr 10, 2017, 10:36:33 PM4/10/17
to Google Visualization API
Here is a demo: https://jsfiddle.net/3u8m6qcv/3/  There is a bar under the annotation '0'.

On Mon, Apr 10, 2017 at 8:21 PM, 'Ning Zhang' via Google Visualization API <google-visua...@googlegroups.com> wrote:
Sorry I tried to set haxis"'baselineColor': 'none'", but and verified that we are having zero value cells. But still I didn't see the one pixel bar on the baseline... Nor can I hover on it to see the 0 value in a tooltip.

Could you share a example with me where u can show a one pixel bar on combochart?

Thanks a lot for all the help!
Ning
To unsubscribe from this group and all its topics, 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/CAOtcSJOx1ToB3%2B2N0LZ_jTaFFnb2qFO1YsKjAmgwQUd4_W7qTA%40mail.gmail.com.

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+unsub...@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/CAGrPZoUEN4jD4rp_AAh4B3oWfbXZvz99aaPBSY8wUZhQ0%2Bs_og%40mail.gmail.com.

For more options, visit https://groups.google.com/d/optout.

Ning Zhang

unread,
Apr 11, 2017, 1:01:43 AM4/11/17
to google-visua...@googlegroups.com
Thanks a lot for the demo and it is working! Turns out that I was setting the color of haxis while I should do it to the vaxis instead...

The only problem remains is that when my page is 100% scaled some of the 1-pixel bars won't trigger tooltips... It will work once I scale it to like 125%. Doesn't bother too much though.

Ning


On Mon, Apr 10, 2017 at 7:36 PM, 'Daniel LaLiberte' via Google Visualization API <google-visua...@googlegroups.com> wrote:
Here is a demo: https://jsfiddle.net/3u8m6qcv/3/  There is a bar under the annotation '0'.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/CAGrPZoUEN4jD4rp_AAh4B3oWfbXZvz99aaPBSY8wUZhQ0%2Bs_og%40mail.gmail.com.

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/Xa-QtdLn7DA/unsubscribe.
To unsubscribe from this group and all its topics, send an email to google-visualization-api+unsub...@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/CAOtcSJPCv6an-Zs_CyzJudHSm2VeoaWOBVuHCLLRhqht1ZYP1A%40mail.gmail.com.
Reply all
Reply to author
Forward
0 new messages