Programming/d32018. 10. 12. 17:31

chart를 생성할때 d3.timeline()에 .stack()을 넣어주지 않으면 한줄로 나온다. -_-



function add_timeline() {
var testData = [
{
class: "pA", label: "person a", times: [
{ "starting_time": 1355752800000, "ending_time": 1355759900000 },
{ "starting_time": 1355767900000, "ending_time": 1355774400000 }]
},
{
class: "pB", label: "person b", times: [
{ "starting_time": 1355759910000, "ending_time": 1355761900000 }]
},
{
class: "pC", label: "person c", times: [
{ "starting_time": 1355761910000, "ending_time": 1355763910000 }]
}
];

var chart = d3.timeline()
.stack();

var svg = d3.select("#timeline")
.append("svg")
.attr("width", 500)
.attr("height", 300)
.datum(testData)
.call(chart);

}

[링크 : https://github.com/jiahuang/d3-timeline]

'Programming > d3' 카테고리의 다른 글

d3 arc  (0) 2018.10.16
d3 color  (0) 2018.10.16
d3 관련 검색..  (0) 2018.10.12
d3 multi level pie 그래프  (0) 2018.10.11
d3 font color / weight  (0) 2018.10.02
Posted by 구차니