《数据可视化实战:使用D3设计交互式图表 》笔记

本书介绍了D3.js的基础知识,包括如何定义全局变量避免冲突,加载数据时确保数据就绪后再执行,以及灵活操作DOM元素的类。还探讨了多值映射、scale函数的不同效果,如美化数据、取整和限制范围。此外,书中提到了ordinal scale用于处理离散数据,并展示了如何获取数据集的最大值。
摘要由CSDN通过智能技术生成

花了半天时间翻了一下这本书,这本书其实讲得并不深,也挺适合刚入门d3的,同时也有一些小tip可以看看。

1.全局变量

输入window可以看全局变量,作者表示定义全局变量有时候会导致冲突,给出了一个解决方案是将所有你定义的全局变量定义为一个一个全局变量的属性,比如说定义一个vis的全局变量。然后再把要定义的变量variable变成 vis.variable 这样的变量.

2.加载数据

加载过数据量比较多的人可能也意识到这个问题了,就是加载数据的同时,其他js代码照样执行。所以最好在回调函数中进行和数据有关的操作。

另外无论数据加载与否,回调函数都会执行。所以可以对error进行判断,

if(error){
    console.log(error)
}else{

//加载数据正常的代码
}


3.添加类和删除类
ele.classed("#bar",true);
ele.classed("#bar",false);

可以通过sttr("class","#bar")的方式,同时也可以通过上面的代码,第一行是添加类,第二行是删除这个类的属性。


4.多值映射

不用每次都attr列成 应该是可以归并到一起来。

attr(" {

x:width;

y:height

}")

5.scale的几个效果(我也不清楚我这几行笔记的意

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值