摘要：
D3.js的v5版本入门教程（第十三章） 这一章我们来绘制一个简单的饼状图，我们只绘制构成饼状图基本的元素——扇形、文字，从这一章开始，内容可能有点难理解，因为每一章都会引入比较多的难理解知识点，在这里作者本人也只是粗略的讲解每个新知识点的意思！如果不是很理解的话，需要读者自行查看官网API 为了绘 阅读全文
posted @ 2019-09-29 18:49
苍青浪
阅读(870)
评论(0)
推荐(0)
摘要：
D3.js的v5版本入门教程（第十二章） D3中提供了各种制作常见图形的函数，在d3的v3版本中叫布局，通过d3.layout.xxx，来新建，但是到了v5，新建一个d3中基本的图形的方式变了（我也并不知道是不是还叫布局，我觉得也可以这么叫，反正布局指的也是一个绘图函数） 下面是d3中一些常见的部分 阅读全文
posted @ 2019-09-29 18:46
苍青浪
阅读(1056)
评论(0)
推荐(0)
摘要：
D3.js的v5版本入门教程（第十一章） 与图形进行交互操作是很重要的！所谓的交互操作也就是为图形元素添加监听事件，比如说当你鼠标放在某个图形元素上面的时候，就会显示相应的文字，而当鼠标移开后，文字就会消失，或者鼠标单击一下某图形元素就会使它动起来 为了与图形元素进行交互操作，我们还是需要以下新的知 阅读全文
posted @ 2019-09-29 18:42
苍青浪
阅读(941)
评论(0)
推荐(0)
摘要：
在这一章我们干点有趣的事——让我们上一章绘制的图表动起来，这样岂不是很有意思 为了让图表动起来，我们还是需要以下新的知识点 .attr(xxx) .transition() .attr(xxx)，transition()表示添加过渡，也就是从前一个属性过渡到后一个属性.duration(2000)， 阅读全文
posted @ 2019-09-29 18:39
苍青浪
阅读(1099)
评论(0)
推荐(0)
摘要：
D3.js的v5版本入门教程（第九章） 一个完整的柱状图应该包括的元素有——矩形、文字、坐标轴，现在，我们就来一一绘制它们，这章是前面几章的综合，这一章只有少量新的知识点，它们是 d3.scaleBand()：这也是一个坐标轴，可以根据输入的domain的长度，等分rangeRound域（类比ran 阅读全文
posted @ 2019-09-29 18:30
苍青浪
阅读(953)
评论(0)
推荐(0)
摘要：
D3.js的v5版本入门教程（第八章） D3中没有现成的坐标轴图形，需要我们自己用其他组件拼凑而成。D3中提供了坐标轴组件，使得我们在SVG中绘制一个坐标轴变得像添加一个普通元素那样简单 为了表绘制一个坐标轴，我们还是需要以下新的知识点 call()函数 定义一个坐标轴 坐标轴是有朝向的，在这里我们 阅读全文
posted @ 2019-09-29 18:28
苍青浪
阅读(1060)
评论(0)
推荐(0)
摘要：
D3.js的v5版本入门教程（第七章） 比例尺在D3.js中是一个很重要的东西，我们可以这样理解d3.js中的比例尺——一种映射关系，从domain映射到range域（为什么会是domain和range呢？等一下你就会看到，因为我们在建立比例尺是常常会用到domain()和range()两个函数，当 阅读全文
posted @ 2019-09-29 18:21
苍青浪
阅读(891)
评论(0)
推荐(0)
摘要：
D3.js的v5版本入门教程（第五章） 1、选择元素 现在我们已经知道，d3.js中选择元素的函数有select()和selectAll()，下面来详细讲解一下 假设我们的<body>中有三个<p>，如下 <p>dog</p> <p>cat</p> <p>pig</p> <p>rat</p> 选择第 阅读全文
posted @ 2019-09-29 18:11
苍青浪
阅读(854)
评论(0)
推荐(0)
摘要：
D3.js的v5版本入门教程（第三章） 在D3.js中，选择元素和绑定元素是最基本的内容，也是很重要的内容，等你看完整个教程后你会发现，这些D3.js教程都是在选择元素和绑定元素的基础上展开后续工作的 1、选择元素 在D3.js中，选择元素的函数有两个 d3.select() d3.selectAl 阅读全文
posted @ 2019-09-29 18:01
苍青浪
阅读(900)
评论(0)
推荐(0)
摘要：
D3.js的v5版本入门教程（第四章） Update、Enter、Exit是D3.js中很重要的概念，下面来讲一下它们到底是什么？（当你看完后。你就会知道如果数据集个数和选择集个数不匹配的情况下使用data()，D3.js会怎么办） 在使用data()时，例如现在我们有一个数组[3,6,9,12,1 阅读全文
posted @ 2019-09-29 17:56
苍青浪
阅读(718)
评论(0)
推荐(0)
浙公网安备 33010602011771号