做到bar方法这里卡住了

来源:4-4 添加字母刻度的坐标轴

爬行的菜鸟

2015-01-14 10:20

var bar = chart.selectAll("g")

    .data(data)

    .enter()

    .append("g")

    .attr("transform",function(d,i){return "translate("+scale_x(d.year) +",0)";})


老师,这一段不懂啊!d.year还没有转换成数据类型的,而且把year传到那个缩放里面去是怎么处理呢?好像那个缩放函数的输入范围是population的啊!我做到这里就卡住,做不下去了啊

写回答 关注

3回答

  • LuckyYang
    2015-01-16 13:53:47

    厉害!

  • 学之舟_36820
    2016-06-14 17:08:11
    // 视频里也需要修正下,一直undefined,很纳闷的
    // 定义y轴
    var scale = d3.scale.linear()
            .domain([0,d3.max(dataArr,function (d,i) {
    	      return d.population;
    	    })]).range([height,0]);
    // 定义x轴
    var scale_x = d3.scale.ordinal()
    	     .domain(dataArr.map(function (d) {
    	      return d.year;
    	     })).rangeBands([0,width],0.1);
  • 爬行的菜鸟
    2015-01-14 10:57:48

    已经解决了scale_x的输入范围domin应该是d.year的,而不是population的


使用D3制作图表

教你使用最酷的数据可视化图表,初探数据可视化奥秘

37890 学习 · 112 问题

查看课程

相似问题