PieChart + Prototype.js - Cannot read property 'bottom' of undefined.

108 views
Skip to first unread message

Alexander Mitsura

unread,
Jul 6, 2016, 2:57:57 AM7/6/16
to Google Visualization API
Error showing if we use PieChart + prototype.js + { legend: 'labeled' } together. In other cases it's works fine.
In Chrome error is: 'Cannot read property 'bottom' of undefined'
In FF error is: 'b[(gvjs_hc(...) - 1)] is undefined'
This is link to pen with bug: http://codepen.io/mitsura/pen/xOAoNo
It's vary impotent for us, we use Magento. Prototype.js it's main thing there.

Daniel LaLiberte

unread,
Jul 13, 2016, 7:22:37 PM7/13/16
to Google Visualization API
The 'bottom' option is new and still has some problems, apparently.

Looks like, in Chrome, your example pen is working, but you have removed the use of 'bottom'.

--
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 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/143dcf77-4301-4ede-921d-8b890ab45d4c%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.



--

Alexander Mitsura

unread,
Jul 14, 2016, 2:11:57 AM7/14/16
to Google Visualization API
Sorry for wrong pen example. I add prototype.js to my pen and it's not working in Chrome with error, provided in my first post.
Buttom is new, OK, but in my chart properties isn't used. Error appear when I set legend: 'labeled'. Maybe it's prototype.js issue, not chart but it's hard to realise, because I don't see full stack trace of error and it's hard to debug google api minified code in Chrome profiler. Also, this pen in FF leads to different error.
 

четверг, 14 июля 2016 г., 2:22:37 UTC+3 пользователь Daniel LaLiberte написал:
The 'bottom' option is new and still has some problems, apparently.

Looks like, in Chrome, your example pen is working, but you have removed the use of 'bottom'.
On Wed, Jul 6, 2016 at 2:57 AM, Alexander Mitsura <mits...@gmail.com> wrote:
Error showing if we use PieChart + prototype.js + { legend: 'labeled' } together. In other cases it's works fine.
In Chrome error is: 'Cannot read property 'bottom' of undefined'
In FF error is: 'b[(gvjs_hc(...) - 1)] is undefined'
This is link to pen with bug: http://codepen.io/mitsura/pen/xOAoNo
It's vary impotent for us, we use Magento. Prototype.js it's main thing there.

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



--

Daniel LaLiberte

unread,
Jul 14, 2016, 10:00:25 AM7/14/16
to Google Visualization API
I misinterpreted your reference to 'bottom' in the error message, which is actually a relevant clue to the problem. It appears the labeled legend feature can get confused in some situations, or perhaps it is simply due to the presence of the prototype.js library, which has often been problematic in the past.  Thanks for your report.

On Thu, Jul 14, 2016 at 2:11 AM, Alexander Mitsura <mits...@gmail.com> wrote:
Sorry for wrong pen example. I add prototype.js to my pen and it's not working in Chrome with error, provided in my first post.
Buttom is new, OK, but in my chart properties isn't used. Error appear when I set legend: 'labeled'. Maybe it's prototype.js issue, not chart but it's hard to realise, because I don't see full stack trace of error and it's hard to debug google api minified code in Chrome profiler. Also, this pen in FF leads to different error.
 

четверг, 14 июля 2016 г., 2:22:37 UTC+3 пользователь Daniel LaLiberte написал:
The 'bottom' option is new and still has some problems, apparently.

Looks like, in Chrome, your example pen is working, but you have removed the use of 'bottom'.
On Wed, Jul 6, 2016 at 2:57 AM, Alexander Mitsura <mits...@gmail.com> wrote:
Error showing if we use PieChart + prototype.js + { legend: 'labeled' } together. In other cases it's works fine.
In Chrome error is: 'Cannot read property 'bottom' of undefined'
In FF error is: 'b[(gvjs_hc(...) - 1)] is undefined'
This is link to pen with bug: http://codepen.io/mitsura/pen/xOAoNo
It's vary impotent for us, we use Magento. Prototype.js it's main thing there.

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



--

--
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 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/dd4fd1a5-babd-4a28-88b1-7b528cf486b9%40googlegroups.com.

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



--
Reply all
Reply to author
Forward
0 new messages