echarts-for-vue
echarts-for-vue copied to clipboard
Component forcefully adds overflow: hidden to wrapping div, breaking small charts with tooltips
Currently, echarts-for-vue forcefully adds an overflow: hidden
to the containing DIV element. For small charts on-screen, this breaks tooltips because they can't render outside of the wrapper.
You could set the option confine: true
however this is less than ideal for smaller charts.
The fix is easy, remove overflow: hidden
- which allows the tooltip to render outside of the bounds of the chart.
Its worth noting you can override this;
<ECharts
style="overflow: initial;"
ref="chart"...