Я новичок D3.js, и я изучаю, как играть с данными.
Скажем, у меня есть объект с именами в виде ключей, и каждый ключ имеет массив чисел, подобных этому:
var userdata = {
'John' : [0, 1, 3, 9, 8, 7],
'Harry': [0, 10, 7, 1, 1, 11],
'Steve': [3, 1, 4, 4, 4, 17],
'Adam' : [4, 77, 2, 13, 11, 13]
};
Для каждого пользователя я хотел бы добавить объект SVG, а затем построить линию с массивом значений для этого пользователя.
Итак, вот мое предположение о том, как это будет выглядеть на основе учебников, но я знаю, что это неверно. Это должно показать мои ограниченные знания и лучше понять, что я делаю:
Сначала я должен создать строку
var line = d3.svg.line().interpolate('basis');
Затем я хочу привязать данные к своему телу и добавить элемент svg для каждого ключа:
d3.select('body')
.selectAll('svg')
.data(userdata)
.enter()
.append('svg')
.append(line)
.x(function(d, i) { return i; })
.y(function(d) { return d[i]; });
Итак, я закрываю?