小编Ray*_*Ray的帖子

D3 - 如何处理JSON数据结构?

我是D3的新手,花了几个小时才找到处理结构化数据的任何事情,但没有积极的结果.我想使用下面的数据结构创建一个条形图.条形图(水平)绘制,但仅适用于用户"jim".

var data = [{"user":"jim","scores":[40,20,30,24,18,40]},
            {"user":"ray","scores":[24,20,30,41,12,34]}];

var chart = d3.select("div#charts").append("svg")                                   
              .data(data)
              .attr("class","chart")
              .attr("width",800)
              .attr("height",350);

chart.selectAll("rect")    
    .data(function(d){return d3.values(d.scores);})    
    .enter().append("rect")
    .attr("y", function(d,i){return i * 20;})
    .attr("width",function(d){return d;})
    .attr("height", 20);
Run Code Online (Sandbox Code Playgroud)

谁能指出我做错了什么?

javascript svg json d3.js

36
推荐指数
1
解决办法
4万
查看次数

标签 统计

d3.js ×1

javascript ×1

json ×1

svg ×1