Линия D3, действующая как замкнутый путь
обновление: вот пример проблемы -http://jsfiddle.net/Hffks/2/
Я пытаюсь использовать D3 для кодирования линейного графика, и моя линия закрывается в конце, под чем я подразумеваю, что она действует как замкнутый путь, где первая и последняя точки одинаковы. Мои данные поступают в следующем формате JSON:
[ entityA : [ { time : 1230000, // time since epoch
attribute1 : 123 // numeric value
attribute2 : 123 // numeric value
},
{ time : 1230010, // time since epoch
attribute1 : 123 // numeric value
attribute2 : 123 // numeric value
} ],
entityB : [ { ... // same format as above
...
]
Я использую стандартное объявление строки (d3.формат SVG.строка с функцией для x и y):
var line = d3.svg.line()
.x(function(d) {
return x_scale(d.c_date));
})
.y(function(d) {
return y_scale(d.total);
});
затем внутри a для цикла, который повторяется над сущностями, я добавляю "svg: path":
canvas.append("svg:path")
.attr("d", line(data[entity]))
все остальное о графике работает: точки правильно размещены, у меня есть несколько независимых линий на объект, оси нарисованы и т. д. Однако каждая независимая линия действует как замкнутый путь.
спасибо заранее за любую помощь!
1 ответов
пути заполняются по умолчанию. Если вы установите fill
"нет" и stroke
"черный", вы увидите, что путь не закрыт, он просто оказался.
рабочая скрипка:http://jsfiddle.net/Hffks/3/