recharts 力导向布局图

作者: 李小夭 | 来源:发表于2017-10-21 14:07 被阅读26次
一、参数说明
echartr(data, x, <y>, <series>, <t>, <type>, <subtype>)
参数说明

● 数据结构:
● 矩阵模式: 一个数据框,其中一列为节点名,余下的是一个矩阵。将节点名赋值给x, 矩阵赋值给y。
● 节点/联结模式:一个节点数据框[x, NA, series, weight]和一个联结数据框[x, x1, relation, value]。用rbind将两者合并。如果未提供节点数据框,recharts会基于联结数据框自动构建。相应地,提供[x, x1, series/relation, weight/value]数据框。
● 力导向布局图和和弦图可通过工具箱按钮快速切换。

二、数据准备:
grpmtx <- matrix(c(11975,5871,8916,2868,1951,10048,2060,6171,8010,16145,8090,8045,1013,990,940,6907),
                 byrow = TRUE, nrow = 4)
grpmtx <- as.data.frame(grpmtx)
names(grpmtx) <- paste0('Group',1:4)
grpmtx$Name <- paste0('Group',1:4)
knitr::kable(grpmtx, align=c('lllll'))
三、节点Node和联结Link模式
str(yuNetwork)

yuNetwork数据集包含一个节点数据框(nodes)及一个联结数据框(links)。可以合并为一个数据框。
● nodes节点:
○ name: 节点名称
○ series: 节点所属数据系列
○ value: 节点的重要性分值
● links联结:
○ source和target: 定义了联结的方向
○ relation: 联结的名称
○ weight: 联结的重要性分值

nodes <- cbind(yuNetwork$nodes[,1],NA,yuNetwork$nodes[,2:3],stringsAsFactors=FALSE)
names(nodes) <- names(yuNetwork$links)
yu <- rbind(yuNetwork$links,nodes,stringsAsFactors=FALSE)
四、图表展现
1. 曲线联结:

设type为’force’

echartr(yu, c(source,target), weight, relation, type='force') %>%
 setTheme(palette=c('tan3','green3','green2','lawngreen','olivedrabl'))
yu曲线联结图
2. 直线联结图

设type为’force_line’

echartr(grpmtx, Name, c(Group1, Group2, Group3, Group4),type='force_line')
grpmtx直线联结图
echartr(yu, c(source,target), weight, relation, type='force_line') %>%
  setTheme(palette=c('tan3','green3','green2','lawngreen','olivedrabl'))
yu直线联结图
3. 增加时间轴
echartr(deutsch, c(club,player), weight, role, t=year, type='force', sub='arrow')
deutsch时间轴力导向布局图

更多功能请戳官方链接:madlogos.github.io/recharts/Basic_Plots_01_Scatterplot_cn.html#-en

相关文章

  • recharts 力导向布局图

    一、参数说明 ● 数据结构:● 矩阵模式: 一个数据框,其中一列为节点名,余下的是一个矩阵。将节点名赋值给x, 矩...

  • D3.js ------ Layout

    D3 总共提供了 12 个布局:饼状图(Pie)、力导向图(Force)、弦图(Chord)、树状图(Tree)、...

  • D3.js学习笔记(7)--写个力导向图

    力导向图是D3里面一个比较酷炫的布局,我们只要定义好各个节点的信息及各个节点间的关系即可简历一个力导向图。PS:重...

  • D3力导向图

    2017年5月8日 一、背景 力导向图非常适合于渲染关系型信息图。 二、什么是力导向图(Force-directe...

  • recharts 和弦图

    一、数据结构(两种模式) ● 矩阵模式: 一个数据框,其中一列为节点名,余下的是一个矩阵。将节点名赋值给x, 矩阵...

  • 东山项村说项羽

    单臂举鼎 村布局导向图 深入挖掘项羽文化 古墙 对弈 虞姬豆腐

  • recharts 事件河流图

    一、参数说明 二、图表展现

  • recharts 折线/面积图

    一、参数说明 二、数据处理 用paste函数连接日期 三、图表 1. 单系列折线图 2. 多系列折线图 顶点设为空...

  • recharts 韦恩图

    一、参数说明 二、数据准备 三、图表展现 更多功能请戳官方链接:madlogos.github.io/rechar...

  • D3图表绘制

    本节内容将描述饼状图、力导向图、弦图、集群图、树状图、打包图、分区图、圆形分区图、直方图、捆图、堆栈图、矩阵树图、...

网友评论

    本文标题:recharts 力导向布局图

    本文链接:https://www.haomeiwen.com/subject/phyiuxtx.html