echarts中tree的关系线上显示文字

weixin_38067167 2015-07-24 10:53:47

@Kener-林峰你好，我想请问一下， echarts是用tree图形的时候，能在tree的节点之间的关系线上加上文字吗？或者在节点上面和下面都加上文字？谢谢！！！

...全文

1361 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

润乾报表有丰富的图形展现效果，不仅自带了多种统计图形，还内置了第三方统计图形 D3 还有 echarts 统计图。最近好多客户提出想要实现多折线堆叠的统计图，我用自带的图形和 echarts 两种方式做了多折线堆叠的报表示例，和大家分享下。使用润乾自带的统计图实现多折线堆叠统计图新建一个报表，增加一个数据集，这里我用的是一个内建数据集，数据集的字段及字段类型如下图所示：数据形式如下图所示：润乾自带...

日前，作为一名萌新遇到了一个特殊的需求如标题。添加问题后发现解答并无完美的方案。百度了一下发现一种实现改造了下希望大家用的上。这个实现的中心思想就是做label的偏移，网上的办法是画线，但是连接处总会有重叠的阴影，所以我去掉了画线的长度。该方法的不足之处就是当渲染的宽高不同时，需要重新调节标签的位置及padding属性的偏移量，希望对跟我一样苦恼的小白有所启发吧。

echarts 树图的连接线上加箭头与文字方案1：箭头作为一个节点方案2：富文本rich配置

首先看一下效果，如下图所示：代码部分： 1.在option对象下的tooltip对象中添加formatter函数，代码如下： var option = { tooltip: { trigger: 'item', triggerOn: 'mousemove', enterable:true,//鼠标是否可进入提示框浮层中 formatter:formatterHover,//修改鼠标悬停显示的内容 }, } 2.编写formatte

情景：由于人物关系复杂，可以有几个 ——几十个（上百个），所以固定范围内（如：500高度）可能放不下，或者太空。所以可以根据node节点（也可根据其他判断条件）来动态修改 div / canvas高度。如果还是超出（eg：节点或者关系多），可添加roam:true的属性实现可平移拖拽 / 缩放。（在下一节讲述）效果如图：数据： // 数据 let data = { nodes = [ // {symbol: 'image://http://127.0.0.1:8080

其他技术讨论专区

474

社区成员

791,136

社区内容

发帖

与我相关

我的任务

其他技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章