csv를 하드 코드 된 값으로 바꾸십시오.

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로해야합니다 것입니다 :

var csv = `name,value 
 
hoge,100 
 
hellow, 312 
 
world, 222 
 
fuga, 254`; 
 

 
var data = d3.csvParse(csv); 
 

 
console.log(data);

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

따라서

, 이것은 당신이 하드 코딩해야 배열은 다음과 같습니다

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