05 2019 档案

CSS3 中弹性盒模型--容器的属性
摘要：1、display : flex | inline-flex注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性 将失效。 2、flex-direction属性 决定主轴的方向（即项目的排列方向） flex-direction: row | row-rev 阅读全文
posted @ 2019-05-30 16:01 溢杨年华 阅读(728) 评论(0) 推荐(1)
creat-react-app搭建的项目中按需引入antd以及配置Less和如何修改antd的主题色
摘要：在creat-react-app搭建的项目环境中按需引入antd以及配置less,首先需要暴露出来webpack文件。(此操作不可逆)。 暴露wenpack文件的指令是yarn eject. 在使用这个指令之前要先推送一次git文件才行。或者删除git文件。 提交git : 运行之后会询问是否暴露， 阅读全文
posted @ 2019-05-27 10:28 溢杨年华 阅读(1565) 评论(0) 推荐(1)
D3.js 动画 过渡效果 (V3版本)
摘要：一 、 过渡的启动 启动过渡效果，与以下四个方法相关: d3.transition([selection],[name]) //创建一个过渡对象。但是由于每个选择集中都有transition()方法，可用d3.select("rect").transition()的方式来创建过渡，因此一般不直接用d 阅读全文
posted @ 2019-05-20 20:21 溢杨年华 阅读(4396) 评论(0) 推荐(1)
D3.js(v3)+react 制作 一个带坐标轴与比例尺的折线图
摘要：本章使用路径生成器来绘制一个折线图。以中国和日本的GDP数据为例： 1 //数据 2 var dataList = [ 3 { 4 coountry : "china", 5 gdp : [ 6 [2000,11920],[2001,13170],[2002,14550],[2003,16500], 阅读全文
posted @ 2019-05-19 22:18 溢杨年华 阅读(1650) 评论(0) 推荐(0)
D3.js 弦生成器(V3版本)
摘要：弦生成器(Chord Generator) 弦生成器(Chord Generator)根据两段弧来绘制弦，共有五个访问器，分别为source()、target()、radius()、startAngle()、endAngle()，默认都返回与函数名称相同的变量。如果都使用默认的访问器，则要绘制一段弧 阅读全文
posted @ 2019-05-15 21:38 溢杨年华 阅读(568) 评论(0) 推荐(0)
D3.js 区域生成器 (V3版本)
摘要：区域生成器(Area Generator) 区域生成器(Area Generator)用于生成一块区域，使用方法与线段生成器类似。线段生成器地址:数据访问器有x()、x0()、x1()、y()、y0()、y1()六个，数量很多，但不许要全部使用。举个例子: 1 var width = 600; // 阅读全文
posted @ 2019-05-12 22:20 溢杨年华 阅读(1257) 评论(0) 推荐(1)
D3.js 线段生成器 (V3版本)
摘要：线段生成器 与线段生成器相关的方法: d3.svg.line() //创建一个线段生成器。 line(data) //使用线段生成器绘制data数据。 line.x([x]) //设置或获取线段x坐标的访问器，即使用什么数据作为线段的x坐标。 line.y([y]) //同上。设置或获取y坐标的访问 阅读全文
posted @ 2019-05-11 22:26 溢杨年华 阅读(2490) 评论(0) 推荐(0)
D3.js绘制 颜色:RGB、HSL和插值 (V3版本)
摘要：颜色和插值 计算机中的颜色，常用的标准有RGB和HSL。 RGB：色彩模式是通过对红(Red)、绿(Green)、蓝(Blue)三个颜色通道相互叠加来得到额各式各样的颜色。三个通道的值得范围都是0~255，因此总共能表示16777216(255*255*255)种，即一千六百多万种颜色。几乎包括了人 阅读全文
posted @ 2019-05-10 22:20 溢杨年华 阅读(2925) 评论(1) 推荐(0)
D3.js(v3)+react 制作 一个带坐标与比例尺的散点图 (V3版本)
摘要：上一章做了柱形图，https://www.cnblogs.com/littleSpill/p/10835041.html 这一章做散点图。 散点图(Scatter Chart),通常是一横一竖两个坐标轴，数据是一组二维坐标，分别对应两个坐标轴，与坐标轴对应的地方打上点。由此可以猜到，需要的元素包括c 阅读全文
posted @ 2019-05-09 09:12 溢杨年华 阅读(1007) 评论(0) 推荐(0)
D3.js(v3)+react 制作 一个带坐标与比例尺的柱形图 (V3版本)
摘要：现在用D3.js + react做一个带坐标轴和比例尺的柱形图。我已经尽力把代码全部注释上了，最后我也会把完整柱形图代码奉上。如果还有疑惑的，可以去翻看一下我之前介绍的方法，以下方法都有介绍到。 还有数据都是自己定义的假数据，大家参考一下制作方法即可。 首先定义柱形图的数据、绘图区域的宽高、和上下左 阅读全文
posted @ 2019-05-08 22:05 溢杨年华 阅读(1174) 评论(0) 推荐(0)
D3.js坐标轴的绘制方法、添加坐标轴的刻度和各比例尺的坐标轴(V3版本)
摘要：坐标轴(Axis) 坐标轴(Axis)在很多图表中都可见到，例如柱形图、折线图、散点图等。坐标轴由一组线段和文字组成，坐标轴上的点由一个坐标值确定。但是，如果使用SVG的直线和文字一笔一画的绘制坐标轴，工作量将会极其的大。D3提供了坐标轴的制作方法，需要之前所给大家讲的比例尺一起使用。开发者仅仅需要 阅读全文
posted @ 2019-05-08 09:44 溢杨年华 阅读(5989) 评论(0) 推荐(4)
D3.js比例尺 序数比例尺(v3版本)
摘要：上一章介绍了阈值比例尺:https://www.cnblogs.com/littleSpill/p/10825038.html。到目前所有的定量比例尺已经介绍完了。 现在给大家介绍一下序数比例尺。 定量比例尺的定义域都是连续的，值域有连续的也有离散的。序数比例尺(Ordinal Scale)的定义域 阅读全文
posted @ 2019-05-07 19:02 溢杨年华 阅读(1797) 评论(0) 推荐(1)
D3.js比例尺 定量比例尺 之 线性比例尺(v3版本)
摘要：定量比例尺 : 数学上有函数的概念，不是编程中所说的函数，如线性函数、指数函数、对数函数等，而指的是一个量随着另一个量的变化而变化。例如有一下线性函数 : y=2x+1该函数在二维坐标系中绘制出来的图形是一条直线，如果限制x的范围为[0,2]，则可计算得到y的范围为[1,5]。x的范围[0,2]称为 阅读全文
posted @ 2019-05-06 18:38 溢杨年华 阅读(1367) 评论(0) 推荐(0)
D3.js的基础部分之数组的处理 集合(Set)(v3版本)
摘要：数组的处理 之 集合(set) 集合(Set)是数学中常用的概念，表示具有某种特定性质的事物的总体。集合里的项叫做元素。集合的相关方法有: d3.set([array]) //使用数组来构建集合，如果数组里有重复的元素，则只添加其中一项。 set.has(value) //如果集合中有指定元素，则返 阅读全文
posted @ 2019-05-05 14:16 溢杨年华 阅读(752) 评论(0) 推荐(0)