D3 scaleOrdinal

Ordinal Scale(序数比例尺)的定义域和值域都是离散的.

var ordinal = d3.scaleOrdinal().domain([1,2,3]).range([10,20,30])
console.log(ordinal(1))//10

d3.scaleOrdinal - create an ordinal scale.
ordinal - compute the range value corresponding to a given domain value.
ordinal.domain - set the input domain.
ordinal.range - set the output range.
ordinal.unknown - set the output value for unknown inputs.
ordinal.copy - create a copy of this scale.

D3 scaleOrdinal相关推荐

d3.js——比例尺的使用
在学习d3.js的时候,发现有个函数报错 var linear = d3.scale.linear() 控制台显示找不到linear() 百度后知道这是新版d3(v4)和旧版的d3(v3)的原因新版 ...
D3.tsv与D3.csv加载数据
1.D3加载数据的方法 D3提供了方法可以对不同的数据类型进行加载,比如d3.text(), d3.xml(), d3.json(), d3.csv(), d3.tsv()和d3.html(). ...
d3.js 教程模仿echarts折线图
今天我们来仿echarts折线图,这个图在echarts是折线图堆叠,但是我用d3改造成了普通的折线图,只为了大家学习(其实在简单的写一个布局就可以).废话不多说商行代码. 1 制作 Line 类 c ...
d3.js 入门指南
说到数据可视化,我们会行到很多优秀的框架,像echarts.highcharts,这些框架很优雅,健壮,能满足我们对可视化的大部分需求,但是缺点也很明显,就是这些框架几乎是不可定制化的,当遇到特殊的需 ...
D3 Geographies
地理路径生成器 var projection = d3.geo.mercator().center([0,0]).scale(100).translate([width/2,height/2]).ro ...
d3 scale详解
domain是定义域,就是坐标系下的值 range是值域,就是映射到svg画布上的值 1.d3.scaleLinear() 线性比例尺 domain:连续型 range:连续型 scale_l = d ...
d3js绘制y坐标轴_如何用D3绘制各类样式的x坐标轴
该文只使用d3.jsV4版本进行绘制,不关注V3版本,咱们要与时俱进.app 在绘制图表的过程当中,直坐标系是绕不开的一个问题,直方图,折线图,散点图等等都须要使用到直坐标系.而其中最关键的是x轴的绘 ...
D3.js in action 笔记
因为本书是英文版的,没有中文版,所以基本上这个笔记是为了代码留用,加之其代码格式和内容都比较简洁,然后又提出了很多问题,值得学习. 其中代码的位置:https://github.com/emeeks/ ...
D3.js v5.0 旭日图
数据结构: {"name": "flare","children": [{"name": "",&q ...

D3 scaleOrdinal

D3 scaleOrdinal相关推荐

最新文章

热门文章