echarts柱状图鼠标悬浮提示怎么显示Y轴的值

-winte- 2018-08-14 11:28:17

问题如图所示

...全文

4762 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

摩卡瓦图 2018-12-21

打赏
举报

回复

为啥要用柱状图来显示这个。。。。

weixin_43835439 2018-12-20

打赏
举报

回复

引用 1 楼 -winte- 的回复:

哎，还得靠自己啊

如果我y轴自定义的数据很多，那在这里判断岂不是也要很多

ln0909 2018-08-21

打赏
举报

回复

多看文档，一般都有

-winte- 2018-08-14

打赏
举报

回复 1

哎，还得靠自己啊

功能描述： x轴文字显示过长会影响柱状图显示不全，需要对文字进行处理，为了美观，限定文字只显示在一行，文字长度为4；当长度大于4时将第四个文字替换为"..."；当鼠标悬浮在"..."时，显示全部内容，其它长度为4的文字正常显示；当鼠标移出"..."时，悬浮显示内容消失。

最近在做报表系统，用到了大量的图表显示效果，下面总结一下我使用过程中遇到的问题及解决办法。本教程主要讲解了：鼠标悬浮时自定义显示效果、Y轴显示金额柱状图上面显示百分比、修改X、Y轴坐标颜色、两个Y轴实现水平线一致。（我描述的可能不好，请看图来理解）点击进入echarts官方网址demo将下面的代码直接复制粘贴即可1.鼠标悬浮时自定义显示效果、修改X、Y轴坐标颜色 var brokenName =

0基础入门Echarts，14节课学会数据可视化：Apache ECharts1. 课程包括Echarts基础知识：简介，快速入门，组件，样式，数据集-数据定义，数据集-数据转换，坐标轴，视觉映射，图例，事件与行为；同时也提供了实际图表展示：柱状图bar，折线图line，饼图pie，散点图scatter。2. 本系列课程采用理论与实践相结合的教学方式：既有理论知识的讲解，同时又带领大家一起实际VSCode上机编写代码实践，深入浅出的掌握Echarts可视化编程。3. 提供示例课件及源代码下载。4. 有兴趣的小伙伴~ 欢迎多多交流！

echarts图悬浮窗数据自定义

echarts图表鼠标悬浮显示数据

87,915

社区成员

224,619

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章