如何使用D3.js创建直方图并从JSON读取数据_D3.js

如何使用D3.js创建直方图并从JSON读取数据

d3.js

如何使用D3.js创建直方图并从JSON读取数据,d3.js,D3.js,我正在使用下面的代码。但我似乎没有发现错误。我的JSON文件看起来像下面的链接。我从D3.js网站上获取了这段代码，只是更改了数据语句谁能告诉我，我在这方面哪里出了问题？谢谢你的帮助风险值数据=[ [Photofeed，990]， [Geba，962]， [Zoomcast，955]， [Wikivu，955]， [Oyoloo，953]， [Vipe，934]， [Rhynyx，930]， ]; //设置图形的尺寸和边距 var保证金={ 前10名，右:30,，底数：30，左：4

我正在使用下面的代码。但我似乎没有发现错误。我的JSON文件看起来像下面的链接。我从D3.js网站上获取了这段代码，只是更改了数据语句

谁能告诉我，我在这方面哪里出了问题？谢谢你的帮助

风险值数据=[ [Photofeed，990]， [Geba，962]， [Zoomcast，955]， [Wikivu，955]， [Oyoloo，953]， [Vipe，934]， [Rhynyx，930]， ]; //设置图形的尺寸和边距 var保证金={ 前10名，右:30,，底数：30，左：40 }, 宽度=460-margin.left-margin.right，高度=400-margin.top-margin.bottom； //将svg对象附加到页面主体 var svg=d3.selectmy_dataviz .appendsvg .attrwidth，width+margin.left+margin.right .attrhight，height+margin.top+margin.bottom .附录 .attrtransform，翻译+margin.left+，+margin.top+； //X轴：缩放和绘制： var x=d3.scaleLinear .domain[0，1000]//可以使用它而不是1000来获得最大数据量：d3.maxdata，函数d{return+d.price} .范围[0，宽度]； svg.appendg .attrtransform，translate0，+高度+ .calld3.x； //设置直方图的参数 var直方图=d3.0直方图 .价值函数{ 返回d.price； }//我需要给出值的向量 .domainx.domain//然后是图形的域 .thresholdsx.ticks70；//然后是垃圾箱的数量 //并将此功能应用于数据以获取存储箱 var-bins=组织gramdata； //Y轴：缩放和绘制：变量y=d3.scaleLinear .范围[高度，0]； y、域[0，d3.maxbins，函数D{ 返回d.length； }]; // d3.hist必须在Y轴之前调用 svg.appendg .calld3.axisLefty； //将条形矩形附加到svg元素 svg.selectAllrect .数据库进来 .appendrect .attrx，1 .attr转换，函数{ 返回translate+xd.x0+，+yd.length+； } .attrwidth，函数d{ 返回xd.x1-xd.x0-1； } .attr高度，功能{ 返回高度——码长； } .stylefill，69b3a2

您的数据结构与他们的完全不同。你有一个数组，他们有一个对象数组

他们在代码的某个地方提到了d.price，用d[1]替换它，从每个数组中获得第二个值