-
- 慕勒6343746 2017-12-19
- V4 nterpolate("cardinal") -> curve(d3.curveCardinal); d3.svg.line() -> d3.line() d3.scale.linear() -> d3.scaleLinear()
- 2赞 · 0采集
-
- 尚尚_0002 2016-12-05
- 视频源码下载：http://download.csdn.net/detail/u010534192/9701849
- 0赞 · 0采集
-
- _莫忘初衷_ 2016-10-11
- // JavaScript Document var width= 500, height = 250, margin = { left:50, top:30, right:20, bottom:20,} g_width = width - margin.left-margin.right, g_height = height - margin.top - margin.bottom; //SVG var svg=d3.select("#container") .append("svg") //width,height .attr("width",width) //attribute .连接每个元素 .attr("height",height) var g = d3.select("svg") .append("g") .attr("transform","translate("+ margin.left+","+margin.top+")") var data=[1,2,6,8,7,6] var scale_x = d3.scale.linear() .domain([0,data.length-1])//输入的范围 .range([0,g_width])//输出的范围 var scale_y = d3.scale.linear() .domain([0,d3.max(data)]) .range([0,g_height]) var line_generator=d3.svg.line() .x(function(d,i){return scale_x(i);})//0,1,2,3, .y(function(d){return scale_y(d);})//1,3,5 .interpolate("cardinal")//折线变曲线 d3.select("g") .append("path") .attr("d",line_generator(data))//d="M1,0L20,40L40,60L100,100L0,200",d-path data
- 1赞 · 1采集
-
- IdealTimes 2016-10-01
- 绘制曲线
-
截图0赞 · 0采集
-
- 霜花似雪 2015-07-26
- // JavaScript Document var width= 500, height = 250, margin = { left:50, top:30, right:20, bottom:20,} g_width = width - margin.left-margin.right, g_height = height - margin.top - margin.bottom; //SVG var svg=d3.select("#container") .append("svg") //width,height .attr("width",width) //attribute .连接每个元素 .attr("height",height) var g = d3.select("svg") .append("g") .attr("transform","translate("+ margin.left+","+margin.top+")") var data=[1,2,6,8,7,6] var scale_x = d3.scale.linear() .domain([0,data.length-1])//输入的范围 .range([0,g_width])//输出的范围 var scale_y = d3.scale.linear() .domain([0,d3.max(data)]) .range([0,g_height]) var line_generator=d3.svg.line() .x(function(d,i){return scale_x(i);})//0,1,2,3, .y(function(d){return scale_y(d);})//1,3,5 .interpolate("cardinal")//折线变曲线 d3.select("g") .append("path") .attr("d",line_generator(data))//d="M1,0L20,40L40,60L100,100L0,200",d-path data
- 3赞 · 5采集
-
- 银灵子 2015-06-13
- // JavaScript Document var width= 500, height = 250, margin = { left:50, top:30, right:20, bottom:20,} g_width = width - margin.left-margin.right, g_height = height - margin.top - margin.bottom; //SVG var svg=d3.select("#container") .append("svg") //width,height .attr("width",width) //attribute .连接每个元素 .attr("height",height) var g = d3.select("svg") .append("g") .attr("transform","translate("+ margin.left+","+margin.top+")") var data=[1,2,6,8,7,6] var scale_x = d3.scale.linear() .domain([0,data.length-1])//输入的范围 .range([0,g_width])//输出的范围 var scale_y = d3.scale.linear() .domain([0,d3.max(data)]) .range([0,g_height]) var line_generator=d3.svg.line() .x(function(d,i){return scale_x(i);})//0,1,2,3, .y(function(d){return scale_y(d);})//1,3,5 .interpolate("cardinal")//折线变曲线 d3.select("g") .append("path") .attr("d",line_generator(data))//d="M1,0L20,40L40,60L100,100L0,200",d-path data
- 0赞 · 0采集
-
- 巧巧 2015-04-17
- 画曲线
-
截图0赞 · 0采集
-
- ming915 2015-01-02
- .interpolate("cardinal")
-
截图0赞 · 0采集
-
- 狐小鱼 2014-11-28
- d3绘制曲线参数的说明：<path d="M1,0L20,40L40,50L100,100L0,200"><path> M代表起点，坐标为M后的两个数值，M(1,0)，L代表绘制直线从M(1,0)到L后的坐标所代表的点(20,40)，以此类推。
-
截图1赞 · 0采集
-
- Zalberth 2014-11-25
- 定义了，还要选？
-
截图0赞 · 0采集
-
- itsyizu 2014-11-19
- data 数组看不懂啊
-
截图0赞 · 4采集
-
- 墨西哥鸡味卷 2014-11-19
- 包含关系： 如何创建画布。。
-
截图0赞 · 0采集
数据加载中...