Javascript D3.js从csv文件读取数据

Javascript D3.js从csv文件读取数据,javascript,html,d3.js,svg,Javascript,Html,D3.js,Svg,我尝试重新实现我在网上找到的这个图表:基本上,我所做的是将x轴改为字符串而不是整数 // set the stage var margin = {t:30, r:20, b:20, l:40 }, w = 600 - margin.l - margin.r, h = 500 - margin.t - margin.b, x = d3.scale.ordinal().rangeRoundBands([0,w], .1) //changed linear to ord

我尝试重新实现我在网上找到的这个图表:基本上,我所做的是将x轴改为字符串而不是整数

    // set the stage
var margin = {t:30, r:20, b:20, l:40 },
    w = 600 - margin.l - margin.r,
    h = 500 - margin.t - margin.b,
    x = d3.scale.ordinal().rangeRoundBands([0,w], .1) //changed linear to ordinal to accept strings input
    y = d3.scale.linear().range([h - 60, 0]),
    //colors that will reflect geographical regions
    color = d3.scale.category10();

.....

var x0 = Math.max(-d3.min(data, function(d) { return d.trust; }), d3.max(data, function(d) { return d.trust; }));
x.domain(["Drug A", "Drug B", "Drug C", "Drug D", "Drug E", "Drug F"]); //changed this to strings
y.domain([0, 250])

但现在我似乎对数据绘图有问题。仅当数据应根据我更改的字符串显示时,当前数据才显示在Y轴上。如图所示:

检查您提供的plunkr中的第107行。可能是您在数据对象中引用了错误的键。如果这没有帮助,您可能希望提供指向您自己代码的链接。此外,您在上面引用的第96行引用了
.trust
密钥-您不太可能拥有该密钥。考虑到
x0
在您的代码中是多余的,这并没有什么坏处:)您可以发布您的plunkr或jsfiddle以便我们可以查看您的代码吗?@PinguinDirk谢谢!这实际上很有帮助:)检查您提供的plunkr中的第107行。可能是您在数据对象中引用了错误的键。如果这没有帮助,您可能希望提供指向您自己代码的链接。此外,您在上面引用的第96行引用了
.trust
密钥-您不太可能拥有该密钥。考虑到
x0
在您的代码中是多余的,这并没有什么坏处:)您可以发布您的plunkr或jsfiddle以便我们可以查看您的代码吗?@PinguinDirk谢谢!这确实有帮助:)