d3 timeline

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]