ambit-tsai/echarts-for-vue

Component forcefully adds overflow: hidden to wrapping div, breaking small charts with tooltips

cadriel opened this issue · 1 comments

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