第一章——vue、d3进阶

一、新建一个vue项目,安装d3.js

这个网上资源都有,就不写详细了,自己搜吧。

二、vue、d3的第一个demo

了解大d3和javascript修改p标签内容的不同用法。



当然这是一个简单的实例,只是用来了解一下d3在vue中的使用。其实在官网上的API有d3的各种方法,它就相当于把javascript给封装了一样,简化了我们写javascript的代码。当然其最主要的还是数据的可视化。自己也是刚接触,理解可能有误差,观看文档的朋友就当参考即可。

三、第二个demo

通过datum和data来改变p标签中的内容




 

四、第三个demo

选择元素,插入元素、删除元素



学习d3的网站:http://www.ourd3js.com/

你可能感兴趣的:(d3)