echarts-for-vue icon indicating copy to clipboard operation
echarts-for-vue copied to clipboard

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

Open cadriel opened this issue 3 years ago • 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.

cadriel avatar Jun 12 '21 15:06 cadriel

Its worth noting you can override this;

<ECharts
        style="overflow: initial;"
        ref="chart"...

cadriel avatar Jun 12 '21 15:06 cadriel