//svg var svg = d3.select("#container") .append("svg") .attr("width",500) .attr("height",250) d3.select("svg") .append("g") .attr("transform","translate(50,30)")

http://caniuse.com/#search=svg

为什么我起了服务还是报那个错，直接用127.0.0.1:8888/data.csv可以获取到

//竖直柱状图标（另一种方式） var data = [1,4,7,2,9,6,5,16], bar_height = 50, bar_padding = 10, svg_height = 500, svg_width = (bar_height+bar_padding)*data.length; var scale = d3.scale.linear() .domain([0,d3.max(data)]) .range([0,svg_height]); var svg = d3.select('#container') .append('svg') .attr('width',svg_width) .attr('height',svg_height) //enter undate exit var bar = svg.selectAll('g') .data(data) .enter() .append('g') .attr('transform',function(d,i){return 'translate('+i*(bar_height+bar_padding)+','+(svg_height-scale(d))+')';}) bar.append('rect') .attr({ "width": bar_height, "height": function(d){return scale(d)} }) .style('fill','steelblue'); //形成了一个新的坐标系 bar.append('text') .text(function(d){return d;}) .attr({ 'x':bar_height/2, 'y':0, "dy":15, 'text-anchor':'end' })

ordinal

ordinal