D3.js的v5版本入门教程(第一章)—— 如何在项目中使用D3.js

D3.js的v5版本入门教程(第一章)

    1、需要的一些工具

        这个其实随便!最简单的就是建一个.txt文件就可以敲起代码来!作者本人用的是myeclipse(主要需要安装tomcat),因为写的是前端,一个浏览器查看效果当然是不可少的,建议使用chrome 浏览器,其强大的调试功能可以让你事半功倍!

    2、需要预备的知识

        如果你是编程小白,那么这个教程可能不那么适合你,建议你先去学习一门编程语言,如java(因为作者本人接触的第一门语言就是java,所以对它印象特别好,而且容易学)

        如果你有一门高级编程语言的基础,当时没有一些前端的知识(如html、css、javascript),那么可能学起来会有点吃力,不过还行,因为编程语言多少是有点相似的!在学的过程中,遇到不懂得问题多看看API,多百度就好

    如果你是前端大神,最近想学D3.js,那么你会很轻松的入门到D3.js中

        本教程涉及知识点:

  •  HTML——超文本标记语言,用于设计网页内容
  •   CSS——层叠样式表,用于设计网页样式
  •    JavaScript——一种脚本语言,用于设计网页行为
  •   SVG——可放缩矢量图形,用于绘制可视化图形

    3、入门D3.js

  •   观看本教程的同时,进行下面两种方法
  •   官方API:http://d3js.org/
  •   遇到不懂得就百度,多看别人案例,多读别人的代码

    (推荐两种方法并行,但是重点可以放在第二种方法上,因为官方API写的并不是很详细,就是你看半天也可能看不出什么东西出来,但是你可能大概知道需要怎么做,这时你就可以有目的的百度,这样更容易找到答案!)

    4、在代码中使用D3.js

        <head><script type="text/javascript" src="http://d3js.org/d3.v5.min.js"></script></head>

        也就是在head标签中加入<script type="text/javascript" src="http://d3js.org/d3.v5.min.js"></script>

        可以发现http://d3js.org/d3.v5.min.js中使用的是v5版本,当然你也可以改成其他版本,如果你想使用v3版本,将v5改成v3就可以了

猜你喜欢

转载自blog.csdn.net/qq_34414916/article/details/80026180