C3: Rotated chart with hidden subchart still able to interact with

Created on 10 Oct 2018  ·  3Comments  ·  Source: c3js/c3

  • C3 version: 0.6.8
  • D3 version: 5.7.0
  • Browser: Chrome
  • OS: Windows

I have a rotated bar graph with long x-tick values. I appears there is a hidden subchart that user can still interact with and zoom in with, even though no subchart or zoom is enabled. See my codepen below:

https://codepen.io/u119102/pen/NOpBmK?editors=1010

If you hover mouse over the middle of the word "January", mouse pointer "+" will show up, pull it down and the graph will zoom in (similar to a subchart functionality)

This does seem trivial in web-page view, but in mobile view, it's in the left side of the page where user tends to scroll with their finger, it can be quite irritating, especially since you cannot zoom all the way back out, without seeing the subchart.

image

Please let me know if any other information need or it has already been solved.

Thanks.

Most helpful comment

We have the same issue as well, seems really bad

All 3 comments

We have the same issue as well, seems really bad

Also experiencing this on v0.6.8

Temporary work around that I used to avoid this on a non-interactive chart was:
g.c3-brush { display: none; }

Was this page helpful?
0 / 5 - 0 ratings

Related issues

aishwaryak picture aishwaryak  ·  4Comments

alantygel picture alantygel  ·  3Comments

Kreozot picture Kreozot  ·  3Comments

jstone-ponderosa picture jstone-ponderosa  ·  3Comments

kethomassen picture kethomassen  ·  3Comments