Линия 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/