博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
改变echarts中tooltip的宽度以及换行
阅读量:6848 次
发布时间:2019-06-26

本文共 363 字,大约阅读时间需要 1 分钟。

tooltip框是一个echarts自动生成的div,而他的样式都是行内样式,所以直接通过改变tooltip的样式是比较麻烦的,比较轻松的一种方式是通过`formatter`来实现。

因为formatter可以返回一个div,所以我们可以通过params得到图表的name等别的参数,然后显示在div,通过给div一个class,然后设置css来实现tooltip的换行已经宽度控制。

当然如果在vue中使用的时候要格快注意取消css的scope属性。

formatter: function (params) {      return `
${params[0].name}
`},

  

转载于:https://www.cnblogs.com/yhspehy/p/7866802.html

你可能感兴趣的文章
.net中的委托方法
查看>>
介绍用处不大
查看>>
实在解决不了的问题 发现不了实质问题
查看>>
面试题:项目经验 已看1 看不懂
查看>>
[Json.net]忽略不需要的字段
查看>>
CF Two Substrings
查看>>
Git的基本操作
查看>>
转://UDEV简介及配置过程
查看>>
冲刺第二天 11.26 MON
查看>>
typecho博客出404页面修改方法
查看>>
下载安装 STS(Spring Tool Suite),推荐对应 Eclipse 版本号,适用于Windows32位(xp、2003)...
查看>>
<c:catch/>捕捉异常
查看>>
Poj 1961 KMP
查看>>
windows部署jenkins持续集成maven测试项目不能访问测试报告
查看>>
Hadoop之Hive篇
查看>>
The fundamental differences between "GET" and "POST"
查看>>
从mixin到new和prototype:Javascript原型机制详解
查看>>
Vue.js组件之间的通信
查看>>
XP安装IIS名称以无效字符开头问题
查看>>
C#中泛型的使用
查看>>