![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
D3
文章平均质量分 80
浅沫~
加油 (ง •̀o•́)ง (ง •̀o•́)ง
展开
-
初学D3.js---数据集与选择数据
D3.js---数据集与选择数据原创 2019-06-21 22:33:51 · 808 阅读 · 0 评论 -
D3--------绘制柱状图
D3之柱状图动态增加与删除原创 2019-04-25 19:50:43 · 775 阅读 · 0 评论 -
D3------绘制交互式带坐标轴的柱状图
一:引入(主要介绍比例尺)1.比例尺主要分为两类:定量比例尺和序数比例尺。定量比例尺主要包括线性比例尺和序数比例尺。它们的主要区别在于定义域是否连续。2.为什么要使用比例尺?当遇到页面较大而数据较小时,图形效果较小并且显示不明显,使用比例尺,能在有限空间内最大程度地展示图形效果。3.为什么要绘制坐标轴?绘制坐标轴有利于更直观地比较数据之间的差异。二:思路及代码展示...原创 2019-07-01 20:34:14 · 408 阅读 · 0 评论 -
D3---绘制散点图
一:实现效果如以上视图显示,分别实现散点图和三个按钮的功能。二:思路1.添加画布(画图形一般首要的就是添加画布)。2.添加合适的比例尺。3.添加圆。4.添加坐标轴。5.添加三个按钮并实现相应的功能。三:代码分析1.添加画布。<script> var wwidth=400; var hheight=400;...原创 2019-07-10 09:54:57 · 2133 阅读 · 0 评论 -
D3---绘制折线图(数据字典形式)
一:要实现的效果二:代码分析1.添加画布<script>var wwidth=500; var hheight=500; var svg=d3.select("body").append("svg") .attr("width",wwidth) .attr("height",hheight);</script>2...原创 2020-04-29 09:07:33 · 936 阅读 · 2 评论 -
D3------实时更新时间
一:实现效果具体的实现效果如上图所示,时分秒都以两位数显示。二:代码分析在网页上实时显示时间目前我知道的有两种方法:一种是用JQuery,另一种就是使用D3。JQuery忘的差不多了,所以就不贴代码了。使用D3实时更新的步骤:(1)添加画布。(使用D3添加图形或者文本这一步可以说是必不可少的)<script> var width=500; va...原创 2019-07-03 15:40:52 · 350 阅读 · 0 评论