line chart problems

[dms]

Hi,

I am developing a d3 chart plotting some biological data to it, but I am having some problems while trying to implement a simple line chart into my svg.

I have:

my variable max_[0] is the one with all necessary data:

console:

max_[0]

Object {key: "MOT_10", values: Array[256]}

1. key: "MOT_10"
2. values: Array[256]
1. [0 … 99]
1. 0: Object
1. MAX: 0.833333
2. MOTIF_NAME: "MOT_10"
3. POSITION: 26773
4. __proto__: Object
2. 1: Object

...

My simple code:

var line = d3.svg.line()

    .interpolate("basis")

    .x(function(d) { console.log(d.POSITION); return x(d.POSITION); })

    .y(function(d) { console.log(d.MAX); return ySeqLogo(d.MAX); });

and then I try to draw the line chart like this:

 var lll = svg.selectAll(".line")

 .data(max_[0]);

 lll

 .enter().append("svg:path")

 //lll.exit().remove();

 //lll

          .attr("class", "line")

          .attr("d", function(d) {debugger ; return line(d.values);});

Nothing happens ! 

Looking for my var lll on console, I have:

lll

[

Array[1]

1. 0: undefined
2. length: 1
3. parentNode: svg.[object SVGAnimatedString]
4. __proto__: Array[0]

0:indefined ? it should be [object SVGAnimatedString] right ?

What am I doing wrong ?

Any insight is appreciated.

P.S.: if I use: svg.append("svg:path").attr("d", line(max_[0].values));

"it works", but I need to redraw it whenever the user moves the pan/zoom, so I am not able to exit().remove().

[dms]

Now it works, but I my .delete().remove() doesn't !

function drawLine(){

getMotifMax(view.left, view.right, "MOT_10");

  var lll = svg.selectAll(".line")

  .data(max_);

lll.exit().remove();  

lll.enter().append("g")

        .attr("class", "motifs");

lll.append("path")

.attr("class", "line")

.attr("d", line(max_[0].values));

}

everytime I move my brush I call this function, but it doesn't redraw/update my line chart :(

what am I doing wrong ?

[dms]

Never mind !

the solution:

I draw my line cheart,

then I have an update function that resends the new data, like this:

function redrawLine(){

getMotifMax(view.left, view.right, "MOT_10");

svg.selectAll(".line")

  .data(max_) 

  .attr("d", line(max_[0].values));

}

hope it can help someone any other time.