echarts--提示框显示不全问题记录
创始人
2024-05-29 13:08:07
0

最近接手一个同事之前做的网页,发现里面使用echarts来绘制各类图表;有2个问题一个是提示框显示不全,另一个就是绘制总是有部分数据显示不全。后者就是div宽度问题。。。无语,说下前面一个问题吧,记录一下。

tooltip组件介绍

一般都是直接用echarts的tooltip组件:

tooltip: {
show: true,//是否显示提示框
showContent: true,
enterable: true,//鼠标是否可进入提示框浮层中,默认为false,如需详情内交互,如添加链接,按钮,可设置为 true。
trigger: ‘item’,//可选,饼图、散点图用item,柱状图、折线图用axis,none什么都不触发
confine: true,//是否将 tooltip 框限制在图表的区域内。当图表外层的 dom 被设置为 ‘overflow: hidden’,或者移动端窄屏,导致 tooltip 超出外界被截断时,此配置比较有用。
formatter: ‘{a}
{b}:{c} {d}%’,//提示框浮层内容格式器,支持字符串模板和回调函数两种形式。
textStyle: {//提示框内文字样式的设置
color:‘red’, //颜色
fontSize:‘18’ //字体大小
}
},

问题现象

在这里插入图片描述

大概如上图,提示框在边缘只显示了一半。

解决方案

开始想着去算什么位置之类的,后来看文档发现,其实挺简单的
设置tooltip的confine属性即可,官网的介绍:confine:是否将 tooltip 框限制在图表的区域内。
增加后大概这样
在这里插入图片描述
这下边缘的数据点的提示框显示就始终在canvas内了:
在这里插入图片描述

相关内容

热门资讯

控制高中作文(精简3篇) 控制高中作文 篇一控制高中作文是一种有效的学习工具高中阶段对学生的学习要求越来越高,学生们需要掌握更...
感动的作文(通用6篇) 感动的作文 篇一我曾经读过一篇非常感人的故事,讲述了一个关于爱和勇气的故事。这个故事发生在一个小村庄...
星星点点回家高中作文(优秀3... 星星点点回家高中作文 篇一星星点点回家每当我走在回家的路上,夜空中的星星点点就像是在为我点亮回家的路...
高一数学公式集合【优质3篇】 高一数学公式集合 篇一在高一数学学习中,我们需要掌握许多重要的数学公式,它们是我们解题的基础。以下是...
最温暖的地方高二作文(经典5... 最温暖的地方高二作文 篇一:家庭的温暖家庭是最温暖的地方,它是我们人生中最重要的支撑和依靠。无论我们...
800字随笔高中作文(通用6... 800字随笔高中作文 篇一:《成长中的迷茫与探索》在我们的成长过程中,难免会遇到各种迷茫和困惑。我们...
幸福从何而来议论文【最新6篇... 幸福从何而来议论文 篇一幸福是人们追求的终极目标之一,但是对于幸福的定义却各不相同。有人认为幸福源自...
慢慢长大作文六百字【优秀3篇... 慢慢长大作文六百字 篇一慢慢长大,是每个人必经的过程。当我们还是孩子的时候,总是渴望快点长大,以便能...
什么味道让人向往 - 高中(... 什么味道让人向往 - 高中 篇一高中生活,是一个人成长的黄金时期。在这个阶段,我们不仅需要学习知识,...
走向高一作文800字(优选6... 走向高一作文800字 篇一初升高中,迎来了新的挑战和机遇。对于即将步入高一的我来说,这是一个新的起点...
社会主义核心价值观征文【精简... 社会主义核心价值观征文 篇一社会主义核心价值观是指在中国共产党的领导下,以马克思主义、毛泽东思想、邓...
泪高一作文(推荐6篇) 泪高一作文 篇一我的初中生活泪高一,初中三年的生活即将结束,回首走过的路,我心中充满了感慨和不舍。在...
原来如此高一作文(优秀3篇) 原来如此高一作文 篇一:如何做一个高效学习者随着高中的到来,我们迎来了新的学习阶段。在这个阶段,我们...
擦干你的泪水高一作文【优秀3... 擦干你的泪水高一作文 篇一擦干你的泪水泪水,是我们内心最真实的情感的流露。有时,它是因为伤心,因为失...
高二语文作文:我的幸福我做主... 高二语文作文:我的幸福我做主 篇一我的幸福我做主现代社会,人们对于幸福的追求变得越来越强烈。但是,什...
我的自述作文高一800字【精... 我的自述作文高一800字 篇一初入高中,我怀着憧憬和紧张的心情踏入了新的学校。在这个全新的环境中,我...
西游记优美的四字词语【精彩5... 西游记优美的四字词语 篇一西游记是中国古典文学的经典之作,无论是故事情节还是人物形象都给人留下了深刻...
高中作文素材积累(通用5篇) 高中作文素材积累 篇一:人与自然的关系人类与自然的关系是一个永恒的话题,它涉及到人类的生存与发展,也...
阅读,伴我一路成长高一作文(... 阅读,伴我一路成长高一作文 篇一阅读是我的伴侣,伴我一路成长。从小学到初中,我一直喜欢看各种各样的书...
精神应与物质并存高二议论文(... 精神应与物质并存高二议论文 篇一在当今社会,人们常常陷入对精神和物质的对立中。有人认为精神追求比物质...