D3主题的文章列表，还有D3的技术要点_第2页

d3.csv()后获取的数据不是数组，而是对象

我的csv文件：year,population1953,5.941964,6.951982,10.081990,11.342000,12.662010,13.40使用d3.csv()输出：d3.csv("Data/data.csv",function(error,data){if(error){console.log(...

代码星球 ·2020-08-09

d3.svg.line()错误：TypeError: d3.svg.line is not a function

varline_generator=d3.svg.line().x(function(d,i){returni;}).y(function(d){returnd;})　　错误：TypeError:d3.svg.lineisnotafunction原因：　　你使用D3 v4 。从版本4开始，没有d3....

代码星球 ·2020-08-09

D3、EChart、HighChart绘图demol

1.echarts: <!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <title>ECharts</title> <!--引入...

代码星球 ·2020-08-08

数据可视化d3.v4.js

<html><head><metacharset="utf-8"><title>做一个简单的条形图</title></head><body><scriptsrc="http://d3js.org/d3.v4.min.js"char...

代码星球 ·2020-08-08

决策树算法原理(ID3，C4.5)

决策树算法原理(CART分类树)CART回归树决策树的剪枝　　决策树可以作为分类算法，也可以作为回归算法，同时特别适合集成学习比如随机森林。　 1970年昆兰找到了用信息论中的熵来度量决策树的决策选择过程，昆兰把这个算法叫做ID3。　　熵度量了事物的不确定性，越不确定的事物...

代码星球 ·2020-07-22

d3的4.x与3.x版本的区别

4.x版本有如下特性：1.模块化不再是一个整体，而是分为多个模块，可以按需加载，例如：d3-selection选择器d3-shape图形d3-array数组d3-force力导向图d3-zoom缩放2.支持canvas3.命名精简和更语义化布局省去layout，生成器省去svg，比例尺省去scale，直接挂到d3对象上...

代码星球 ·2020-06-29

d3提示框，虚线，选择区域

1.提示框基本原理：用一个dom元素来显示提示框，提示框绝对定位，在相关事件中，动态修改提示框的位置即可。通常是用event的pageX和pageY修改提示框定位。2.折线图的焦点虚线在鼠标滑动到折线图焦点时候，通常要显示到Y轴和X轴的虚线。此时，需要监听划过区域的事件，在折线(太细，热区小)，坐标轴(不能监听)，上监...

代码星球 ·2020-06-29

d3布局

d3的布局，实际上是一个转换函数，将原始数据转换为该布局需要的数据。并不能直接通过布局生成图形，仍然需要自己根据数据去添加图形。1.常用布局有12种直方图（Histogram）饼状图（Pie）力导向图（Force）弦图（Chord）捆图（Bundle）堆栈图（Stack）层级图（Hierarchy）--集群图（Clus...

代码星球 ·2020-06-29

d3文件导入和导出

1.文件导入d3本身对ajax有封装，可以请求多种格式的文件，读取其data。1.d3.json()请求json文件2.d3.csv(),d3.tsv()请求CSV,TSV文件3.d3.xml()请求xml文件4.d3.html()请求html文件5.d3.text()请求text文件2.文件导出就是将界面上生成的sv...

代码星球 ·2020-06-29

d3交互

1.事件监听selection.on('eventName',function(){})//添加事件监听selection.on('eventName',null)//移除事件监听过渡对象没有监听器，transition.on会报错2.常用事件2.1鼠标clickmouseovermouseoutmousemovemo...

代码星球 ·2020-06-29

d3动画

d3的动画关键是transition过渡对象。1.创建过渡对象有两种方式1.d3.transition2.selection.transition过渡对象与选择对象是两个对象，方法和属性有差别。2.过渡对象的常用方法transition.delay延迟开始transition.duration过渡时间transitio...

代码星球 ·2020-06-29

d3的绘制

1.颜色绘制d3.rgb(r,g,b)获取一个rgb颜色对象d3.rgb(color)rgb.brighter()颜色变亮rgb.darker()颜色变暗rgb.hsl()返回该颜色的HSL值rgb.toString()以字符串形式返回颜色，例如#ffeeaa2.图形绘制2.1线段生成器d3.svg.line()用来生...

代码星球 ·2020-06-29

d3的比例尺和坐标轴

1.比例尺比例尺的关键概念：定义域和值域，比例尺本质就是一个函数。常用比例尺有：1.1线性比例尺d3.scale.linear()1.2指数比例尺d3.scale.pow().exponent(x)x为指数1.3对数比例尺d3.scale.log()1.4量子比例尺d3.scale.quantize()分段1.5分位比...

代码星球 ·2020-06-29

d3的常用方法和数据类型

1.选择集自身属性1.selection.empty()选择集是否为空，为空返回true，否则返回false2.selection.node()返回第一个非空元素，无则返回null3.selection.size()返回选择集中的元素个数2.选择集元素属性1.attr设置属性2.classed设置class3.styl...

代码星球 ·2020-06-29

d3中的enter，exit，update概念

d3是基于数据绑定的思想的，选择器选择元素，然后元素与数据绑定。由于元素与数据未必数量一致，会产生，元素多于数据或元素少于数据。元素与数据一一对应，是update部分，表示已经存在的元素，用于更新元素少于数据，是enter部分，表示即将进入的元素，即缺少的元素，用于添加元素多于数据，是exit部分，表示即将退出的元素，...

代码星球 ·2020-06-29