标签：配置 tooltip html 本地 折线图 div echarts

今天按官网 demo 画的折线图，tooltip 死活出不来：

https://echarts.apache.org/examples/zh/editor.html?c=dynamic-data2

 

本地：

 

tooltip 配置项代码一样，没有动，界面上却发现了2者的不同：

官网demo 上，canvas 元素和 tooltip 的div，相互间没有直接层级上的关系

 

而本地生成的 tooltip，是在 canvas 内的 div，自然是无法生效的。。。

 

目前根据 tooltip 文档查到的配置方法

https://echarts.apache.org/zh/option.html#tooltip

有一个  renderMode 属性可以配置：html | richText，默认值是 html 

如果设置为  richText  的话，则不会生成对应 DOM：

 

本地效果：气泡成功出现，且没有 div 元素

暂时先用这种效果，后续再看是否还有其他配置会影响气泡显示。

 

后续的配置有一项 appendToBody，boolean ，默认 false

本地配置测试

气泡出来是出来了，但是这个位置不太准确啊。。。

 

标签：配置,tooltip,html,本地,折线图,div,echarts
来源： https://www.cnblogs.com/guofan/p/16242143.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。