search

ambit-tsai / echarts-for-vue

📊 📈 ECharts wrapper component for Vue 3, 2 and TypeScript
Apache License 2.0
80 stars 11 forks source link

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

Open cadriel opened 3 years ago

cadriel commented 3 years ago

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 commented 3 years ago

Its worth noting you can override this;

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