数据可视化
Joker_Fei
一位快乐的攻城狮~
展开
-
D3.js实现节点折叠+闪烁+叶节点形状改变的demo
这个demo主要实现的功能是D3树图节点折叠功能+闪烁+叶节点形状改变功能:效果图(带颜色节点有闪烁功能): HTML代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>Tree Example</title> <style> .node { cursor:原创 2017-07-10 11:02:47 · 8270 阅读 · 0 评论 -
D3.js实现树图节点为矩形+内容分割+可折叠demo
知识点:rect:画长方形,矩形标签x,y :在svg中的位置 rx,rx :设置菱角的弧度(做成圆角矩形使用),如果设置长方形宽度和长度相同就标识为一个圆 width,height :长方形的宽度和高度 fill :长方形的填充颜色 stroke :长方形的边框颜色 stroke-width :边框宽带 fill-opacity :长方形的透明度 stroke-opacity原创 2017-08-08 15:25:52 · 8135 阅读 · 2 评论 -
基于D3.js的树图连线信息展示方案(带路径的文字展示方案)
最近由于项目需要,需要在树图上展示一些节点之间的调用信息,后来在网上找了一些方案,相关的例子几乎没有。 现在将效果图以及代码展示如下(具体的关键性部分已经注释): <!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <titl原创 2018-05-11 17:44:11 · 6579 阅读 · 0 评论 -
dagre-d3使用时问题:TypeError: svgEdgeLabels.exit is not a function
问题:TypeError: svgEdgeLabels.exit is not a function解决办法:更新dagre-d3版本。google:https://github.com/dagrejs/dagre-d3/issues/282原创 2018-07-10 18:15:48 · 979 阅读 · 0 评论