Question

我需要替换从文件中读取数据的d3.csv，并将其替换为硬编码数据。如何在d3中完成？

var width,height
var chartWidth, chartHeight
var margin
var svg = d3.select("#graph").append("svg")
var chartLayer = svg.append("g").classed("chartLayer", true)

d3.csv("data.csv", cast,  main)

文件（data.csv）：

name,value
hoge,100
hellow, 312
world, 222
fuga, 254

我不需要依赖CSV文件。

Answer 1

当您使用d3.csv加载CSV时，文件将在对象数组中进行解析，使用标题行定义键名称和后续行以定义值。

这就是您对CSV的支持：

＆＃13;

var csv = `name,value
hoge,100
hellow, 312
world, 222
fuga, 254`;

var data = d3.csvParse(csv);

console.log(data);

＆＃13;

<script src="https://d3js.org/d3.v4.min.js"></script>

＆＃13;

因此，这是您必须硬编码的数组：

[{
    "name": "hoge",
    "value": "100"
}, {
    "name": "hellow",
    "value": " 312"
}, {
    "name": "world",
    "value": " 222"
}, {
    "name": "fuga",
    "value": " 254"
}]

将csv替换为硬编码值

1 个答案: