2015-07-16 2 views
0

У меня есть участок разброса, в котором мне нужно подстроить линию к сюжету. Я загружаю данные с помощью ajax-вызова как JSON. Кажется, я просто не могу показать эту строку. Когда я проверяю элементы, я вижу путь, но ничего не отображается.D3 не удалось показать строку

Вот JSFiddle с проблемой: Я прокомментировал часть ajax и жестко закодировал данные, которые я возвращаю.

JSFiddle with missing line

И я предполагаю, что проблема где-то около 299-318 линии здесь:

linegroup = main.append('g') 
     .attr('transform', 'translate(0,0)') 
     .attr('class', 'main myline'); 

    var line = d3.svg.line() 
     .x(function (d) { 
     return d.x; 
    }) 
     .y(function (d) { 
     return d.y; 
    }); 

    linegroup.selectAll("path") 
     .data([data.line]) 
     .enter() 
     .append("path") 
     .attr("d", line) 
     .attr("fill", "none") 
     .attr("stroke", "#000") 
     .attr("stroke-width", 5); 

Что я делаю не так?

ответ

1

Мне удалось разобраться, извините, что беспокою вас.

Проблема была в том, что я забыл добавить весы к линии, чтобы она закончилась ниже страницы.

var line = d3.svg.line() 
     .x(function (d) { return x(d.x); }) 
     .y(function(d) { return y(d.y); });