tooltip宽度超宽问题

ecomfe / vue-echarts

Vue.js component for Apache ECharts™.

https://vue-echarts.dev

MIT License

9.43k stars 1.48k forks source link

tooltip宽度超宽问题 #749

Closed cuijiudai closed 7 months ago

cuijiudai commented 7 months ago

请确认

[X] 我可以确认这个问题无法在 ECharts 项目本身中复现。

您是如何将 Vue-ECharts 引入项目的？

通过 ES 模块 import

版本信息

6.6.1

问题详情

x-vue-echarts{display:block;width:100%;height:100%;min-width:0}x-vue-echarts>div{width:100%;height:100%}，这个新加的x-vue-echarts>div 导致tooltip和 x-vue-echarts 元素一样宽了。

问题复现

无

Justineo commented 7 months ago

这个 tooltip 是哪里来的？按理说正常情况 tooltip 不应该出现在 x-vue-echarts>div 这一层的。请提供一个可以运行的复现吧。

YornQiu commented 7 months ago

这个 tooltip 是哪里来的？按理说正常情况 tooltip 不应该出现在 x-vue-echarts>div 这一层的。请提供一个可以运行的复现吧。

在tooltip.formatter中自定义渲染了的话，就可能出现这种情况，比如返回值是

formatter() {
  ...
  return `<div>...</div>`
}

Justineo commented 7 months ago

Fixed in v6.6.2.