d3 数据转换
来源:互联网 发布:docker overlay网络 编辑:程序博客网 时间:2024/06/05 15:24
需求:将如下csv格式的数据转化成hierachy结构的node和link
name,parent,value陈洁琼,钱俊,陈洁琼,0.398刘畅,陈洁琼,0.872杨柳,陈洁琼,0.457朱小丽,陈洁琼,0.784李萍,陈洁琼,0.734吕合金,陈洁琼,0.548周欣欣,陈洁琼,0.632谭超,陈洁琼,0.324李时俊,陈洁琼,0.376刘阔,陈洁琼,0.876莊.婧,陈洁琼,0.654顾子生,陈洁琼,0.352何文强,陈洁琼,0.761邹笑,陈洁琼,0.571支玲玲,陈洁琼,0.465韩蒙,陈洁琼,0.245毛佳燕,陈洁琼,0.897韩兴波,陈洁琼,0.562张志勇,陈洁琼,0.432盛宇love倩,陈洁琼,0.375夏如冰,陈洁琼,0.765张灵琪,陈洁琼,0.287赵海河,陈洁琼,0.653张轲,陈洁琼,0.523宋玲玲,陈洁琼,0.655
解决方案:
d3.csv("data/test.csv",function(error,csvdata){ if(error) throw error; var tree = d3.tree() .size([width, height]); var str=d3.csvFormat(csvdata); var table=d3.csvParse(str); var root=tree(d3.stratify() .id(function(d) { return d.name; }) .parentId(function(d) { return d.parent; }) (table)); //nodes simulation.nodes(root.descendants()) .on("tick",ticked) //links simulation.force("link") .links(root.links());})
0 0
- d3 数据转换
- 【D3】D3 使用教程(1)-数据
- D3 数据绑定1
- 二 d3.数据绑定
- D3数据连接:进入
- D3数据存储形式
- d3.js:数据转换篇(二)Associative Arrays(关联数组)篇----v3
- 数据可视化(7)--D3基础
- d3数据可视化----CSV&JSON
- 数据可视化与D3.js
- 一.d3.js 数据可视化
- d3.js检索mysql数据
- d3.js之数据绑定
- 了解D3.js-数据可视化
- 数据可视化D3-简单说
- D3.js 数据可视化学习笔记——Hello D3!
- d3
- D3
- HIBERNATE与 MYBATIS的区别(摘抄)
- Apache、Tomcat、JBoss、WebLogic的区别与关系
- hive中order by,sort by, distribute by, cluster by作用以及用法
- 任务,线程和同步(七)之同步其他些类
- Python3网络编程3--http报文结构
- d3 数据转换
- 北京阿凡达雪景
- Keil如何动态查看变量
- Js原生实现轮播图
- activiti工作流的web流程设计器整合视频教程 SSM和独立部署
- 自定义控件实战<三> 动态圆弧控件
- 使用spring @@Resource注解时遇到的问题
- C++单元测试工具Catch
- [BZOJ3781][小B的询问][莫队]