美文网首页
d3 chapter3-数据处理

d3 chapter3-数据处理

作者: 戊戌水瓶 | 来源:发表于2022-10-08 14:27 被阅读0次

Filtering

1、过滤name is toto的数据

data.filter(function(d){ return d.name == "toto" })

2、获取前10条数据

data.filter(function(d,i){ return i<10 })

3、设置颜色属性

.style("fill", function(d){ if(d.x<140){return "orange"} else {return "blue"}})

Sort

data.sort(function(a,b) { return +a.value - +b.value });    // value 从小到大

data.sort(function (a,b) {return d3.ascending(a.name, b.name);});  // name 升序排列

相关文章

  • Chapter3-心曲

    *************************************

  • chapter3-传输层

    这周来到,《自算计网络自顶向下》 这本书的第三章,传输层的学习。 运输层和网络层的关系 在协议栈中,我们都知道运输...

  • d3.js

    D3是什么? D3: 是Data-Driven Documents(数据驱动文档)的简称。 D3(或D3.js) ...

  • Vue D3 力导向图

    1. 安装 前端工程根目录下执行 yarn add d3 ,安装 d3 依赖包。安装的版本 "d3": "^5...

  • d3基础知识

    h5: Angular ts文件:import * as d3 from 'd3'; ngOnInit(): ...

  • Explore D3

    d3 v5 Tech Stack ? Node Webpack D3 Installation ? Compile...

  • 2018-09-14_D3.js

    Data Visualization with D3 D3: SVG中的jQurey 1. Add Documen...

  • 2019-03-30计算机二级

    '=VLOOKUP(D3,编号对照!$A$2:$C$19,2,FALSE) '=VLOOKUP(D3,编号对照!$...

  • 王昊阳找的资料

    一. 可视化项目工具 1. d3 D3 is a JavaScript data visualization li...

  • js实现数组对象去重并统计重复个数

    数据处理前 数据处理后

网友评论

      本文标题:d3 chapter3-数据处理

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