echarts悬浮由于文字过长出去了

qq_37748183 2018-01-06 07:47:52

...全文

1262 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

木头_追梦者 2019-05-09

打赏
举报

回复

tooltip: {

trigger: 'axis',
position:function(p){
//其中p为当前鼠标的横纵坐标位置调整位置基本满足要求换行效果很丑不适合
return [p[0]-100, p[1] - 10];

}
},

业余草 2018-01-07

打赏
举报

回复

//echarts容器  <div id="charts2" style="width: 99%; height: 390px; margin: 3px auto;"></div>  option = { title : { ...

可以自己设置下鼠标悬浮时tooltip信息的显示位置，原理是上下不变，将上下位置用百分比写死，左右根据鼠标当前位置判断一下，判断鼠标指针是在左边还有右边然后返回不同的结果。效果：主要代码： position: function(point, params, dom, rect, size){ // size为当前窗口大小 if((size.viewSize[0]/2)>=point[0]){ //其中point为当前鼠标的位置

【代码】vue Echarts图表轴坐标标签过长展示不全时，实现tooltip展示全部内容。

【代码】Eachars 饼图 title 文字超出隐藏，调整title位置。

echarts中tooptips提示框靠边的超出跑出去了

61,129

社区成员

60,711

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章