-
-
保卫家乡
2019-08-01
- enter
-
截图
0赞 · 0采集
-
-
尚尚_0002
2016-12-05
- 视频源码下载:http://download.csdn.net/detail/u010534192/9701849
-
0赞 · 0采集
-
-
周末_1991
2015-06-12
- 元素与数据绑定
-
截图
0赞 · 0采集
-
-
默默等你
2015-03-04
- bost.ocks.org/mike/join/
-
0赞 · 0采集
-
-
一川烟草
2015-01-18
- think joins
-
截图
0赞 · 0采集
-
-
IceCry
2014-12-23
- var data = [1,4,7,2,9,6,5,16],
bar_height = 50,
bar_padding = 10,
svg_height = (bar_height+bar_padding)*data.length,
svg_width = 500;
var scale = d3.scale.linear()
.domain([0,d3.max(data)])
.range([0,svg_width]);
var svg = d3.select('#container')
.append('svg')
.attr('width',svg_width)
.attr('height',svg_height)
var bar = svg.selectAll('g')
.data(data)
.enter()
.append('g')
.attr('transform',function(d,i){return 'translate(0,'+i*(bar_height+bar_padding)+')';})
bar.append('rect')
.attr({
"width": function(d) { return scale(d); },
"height": bar_height
})
.style('fill','blue');
bar.append('text')
.text(function(d){return d;})
.attr({
'x':function(d){return scale(d);},
'y':bar_height/2,
'text-anchor':'end'
})
-
1赞 · 4采集
-
-
Conan9912345
2014-12-09
- var data = [1,4,7,9,14,5,3,9,8,6];
var bar_height = 50;
var bar_padding = 10;
var svg_width = 500;
var svg_height = ( bar_height + bar_padding ) * data.length;
var scale = d3.scale.linear().domain([0, d3.max(data)]).range([0, svg_width]);
var svg = d3.select("#container").append("svg").attr({ "width": svg_width, "height": svg_height });
var bar = svg.selectAll("g").data(data).enter().append("g").attr("transform", function(d, i) { return "translate( 0 ," + i * (bar_height + bar_padding) + ")"; });
bar.append('rect').attr({ "width": function(d) { return scale(d); }, "height": bar_height });
bar.append('text').text(function(d) { return d; }).attr({ "x": function(d) { return scale(d); }, "y": bar_height / 2, "text-anchor": "end" });
-
0赞 · 0采集