C3.js issue - x-axis labels are overlapping with legends text for IE11
Author: chetan4651Created May 8, 2018Updated Oct 17, 2025
I am facing this issue with only IE 11. For chrome and Firefox, its working fine. I am using c3.js for charts with IBM bpm tool ( March 2018 patch updated ).
I tried to transform with a stylesheet, but it won't work. Padding and margin are also not there for legends. I set position to bottom.
Does anyone know how to pull down legends so it will not overlap with x-axis labels?
- Browser - IE 11:
- OS - Win 7:
Source: c3js/c3