D3.js的v5版本入门教程(第八章) D3中没有现成的坐标轴图形,需要我们自己用其他组件拼凑而成。D3中提供了坐标轴组件,使得我们在SVG中绘制一个坐标轴变得像添加一个普通元素那样简单 为了表绘制一个坐标轴,我们还是需要以下新的知识点 call()函数 定义一个坐标轴 坐标轴是有朝向的,在这里我们 ...
分类:
Web程序 时间:
2019-09-29 20:14:01
阅读次数:
120
D3.js的v5版本入门教程(第十二章) D3中提供了各种制作常见图形的函数,在d3的v3版本中叫布局,通过d3.layout.xxx,来新建,但是到了v5,新建一个d3中基本的图形的方式变了(我也并不知道是不是还叫布局,我觉得也可以这么叫,反正布局指的也是一个绘图函数) 下面是d3中一些常见的部分 ...
分类:
Web程序 时间:
2019-09-29 20:04:00
阅读次数:
120
D3.js的v5版本入门教程(第十一章) 与图形进行交互操作是很重要的!所谓的交互操作也就是为图形元素添加监听事件,比如说当你鼠标放在某个图形元素上面的时候,就会显示相应的文字,而当鼠标移开后,文字就会消失,或者鼠标单击一下某图形元素就会使它动起来 为了与图形元素进行交互操作,我们还是需要以下新的知 ...
分类:
Web程序 时间:
2019-09-29 20:03:05
阅读次数:
150
在这一章我们干点有趣的事——让我们上一章绘制的图表动起来,这样岂不是很有意思 为了让图表动起来,我们还是需要以下新的知识点 .attr(xxx) .transition() .attr(xxx),transition()表示添加过渡,也就是从前一个属性过渡到后一个属性.duration(2000), ...
分类:
Web程序 时间:
2019-09-29 19:39:37
阅读次数:
167
D3.js的v5版本入门教程(第九章) 一个完整的柱状图应该包括的元素有——矩形、文字、坐标轴,现在,我们就来一一绘制它们,这章是前面几章的综合,这一章只有少量新的知识点,它们是 d3.scaleBand():这也是一个坐标轴,可以根据输入的domain的长度,等分rangeRound域(类比ran ...
分类:
Web程序 时间:
2019-09-29 19:38:44
阅读次数:
156
D3.js的v5版本入门教程(第五章) 1、选择元素 现在我们已经知道,d3.js中选择元素的函数有select()和selectAll(),下面来详细讲解一下 假设我们的<body>中有三个<p>,如下 运行结果: 代码说明: -var p = d3.select("body") .select( ...
分类:
Web程序 时间:
2019-09-29 19:36:28
阅读次数:
109
D3.js的v5版本入门教程(第七章) 比例尺在D3.js中是一个很重要的东西,我们可以这样理解d3.js中的比例尺——一种映射关系,从domain映射到range域(为什么会是domain和range呢?等一下你就会看到,因为我们在建立比例尺是常常会用到domain()和range()两个函数,当 ...
分类:
Web程序 时间:
2019-09-29 19:31:28
阅读次数:
119
D3.js的v5版本入门教程(第十三章) 这一章我们来绘制一个简单的饼状图,我们只绘制构成饼状图基本的元素——扇形、文字,从这一章开始,内容可能有点难理解,因为每一章都会引入比较多的难理解知识点,在这里作者本人也只是粗略的讲解每个新知识点的意思!如果不是很理解的话,需要读者自行查看官网API 为了绘 ...
分类:
Web程序 时间:
2019-09-29 19:29:47
阅读次数:
130
Mat类的构造函数有20多种,详见https://docs.opencv.org/4.1.1/d3/d63/classcv_1_1Mat.html#af1d014cecd1510cdf580bf2ed7e5aafc; 现列出几种常用构造函数以及方法: 1.Mat(int rows,int cols ...
分类:
其他好文 时间:
2019-09-26 11:55:19
阅读次数:
101
该命令中可以用D表示微分符号,其中D2表示二阶微分,D3表示三阶微分,以此类推。 求精确解 1.微分方程 r=dsolve('eqn1','eqn2',...,'cond1','cond2',...,'var'). 解释如下:eqni表示第i个微分方程,condi表示第i个初始条件,var表示微分方 ...
分类:
其他好文 时间:
2019-08-09 21:56:15
阅读次数:
1093