javascript - how to update the markers of a multi line on a brush? -


to draw multi line

 var city= focus.selectall(".city")       .data(cities)       .enter().append("g")       .attr("class", "city");  var bad=city.append("path")       .attr("class", "line")       .attr("d", function(d) { return line(d.values); })       .style("stroke", function(d) { return color(d.name); })     .style("opacity",0.5); 

code markers of multi lines

var point = city.append("g")     .attr("class", "line-point");  point.selectall('.line-point') .data(function(d){ return d.values}) .enter() .append('circle') .attr("cx", function(d) { return x(d.timestamp) }) .attr("cy", function(d) { return y(d.limit) }) .attr("r", 1) .style("fill", "grey") .on("mouseover", function(d,i) {          div.transition()                     .duration(200)                   .style("opacity", .9);                   div.html(function(){    { return formattime(d.timestamp) + "<br/><b>"  + d.limit+ "</b>"}     ;})             .style("left", (d3.event.pagex) + "px")                  .style("top", (d3.event.pagey - 28) + "px");             })                       .on("mouseout", function(d) {                div.transition()                     .duration(500)                   .style("opacity", 0);    }).style("pointer-events","visible"); 

this how have tried update in brush() function

function brushed() {    x.domain(brush.empty() ? x2.domain() : brush.extent());    focus.selectall(".valueline").attr("d",valueline);   focus.selectall(".dot").select("circle").attr("cx", function(d) { return x(d.timestamp); });    focus.selectall("g.city path.line").attr("d",function(d){return line(d.values);});   // update markersin multi line    focus.selectall(".line-point").select("circle").attr("d",function(d){return (d.values);});   focus.select(".x.axis").call(xaxis);  } 

focus.selectall(".line-point").selectall("circle").attr("cx", function(d) { return x(d.timestamp); }); 

thanks @ameliabr once again


Comments

Popular posts from this blog

windows - Single EXE to Install Python Standalone Executable for Easy Distribution -

c# - Access objects in UserControl from MainWindow in WPF -

javascript - How to name a jQuery function to make a browser's back button work? -