Instead of trying to draw both the reference line and the data line together, consider drawing them separately:
svg.append("svg:path") .attr("class", "minline") .attr("clip-path", "url(#clip)"); ... svg.select("path.minline").data([min_data_return]); ... svg.select("path.minline").attr("d", line);
JSfiddle here with full example: http://jsfiddle.net/qAHC2/6/
- d3.js line and area graph - want to add a extra line defined by two points and representing a threshold/minimum value (for ease of viewing)
- How to hide and show points on a line graph
- Using d3-tip on line graph without defined points
- How to add non linear curve between any two points of area chart in d3.js
- Add data points and text to lines on a multi-bar graph with lines
- D3.js add circle points to line graph
- Iterative/chained transitions along line graph with discrete points and delay
- d3js step-after line graph - highlight line between two points on mouseover
- Different color between line and area graph
- How can I add extra range to d3.js line graph
- Is it possible to make the dots representing data points on a line graph have two colors (e.g. half red, half green, vertically split)?
- Add text label to d3 node in Force directed Graph and resize on hover
- d3.js change color and size on line graph dot on mouseover
- How to draw a line / link between two points on a D3 map based on latitude / longitude?
- Add Unique Links to all d3.js Data Points in Graph
- d3.js: How to add labels to scatter points on graph
- D3.js adding intercept point and area between two paths
- I want to add text on the link in D3.js tree graph
- D3 line graph appearing as area graph
- Add timestamp format to line graph x-axes
- How do i add two different shapes to D3 forced directed graph based on shape field value?
- Transitions using line graph and Rickshaw
- how do i add a zoom in and zoom out button in a graph on d3
- D3.js - Line Graph: Area path goes over x and y axis on zoom
- How to add a line graph to a scatterplot using d3?
- How do I add an "average" line to an nvd3.js Stacked Area Chart?
- Starting Transitions and Animations With Area Graph in D3.JS
- How to increase width and height of plotly area graph
- How to position NVD3 line graph above all other area / bar graphs?
More Query from same tag
- How to center d3.js word cloud in container?
- chain transition of array in d3.js
- How do I make an exponential growing chart line on D3.js
- D3 Tree node double click highlights text
- Axis adding extra padding for large domains
- Stacked chart with data array in d3 js
- How to include two htmls into another html using jQuery
- Duplicate date ticks on axis
- MPLD3: label information of barplot
- How to add intervals in the X axis using d3.js?
- D3: scale data on the x-axis every 7 years
- Simplest way of integrating Angular-created elements with D3
- d3.csv promise pending and getting its data
- AngularJS Directive for D3 Charts
- Does the click event mutate the source json in this D3 example?
- How to create clickable elements displayed on mouseover?
- D3 Globe jumps at the start of drag to a different location
- D3.js category color scale not working properly
- Why is web server needed for dimple.js examples to run?
- X axis not displaying on Multi Series Line Chart using d3.js
- Cannot bind data with d3
- SVG -> getBBox fails but only half the time
- Bar graph on time axis with plottable.js - bar positions
- Limit number of lines read by d3.csv or d3.text
- how to make child visible out of parent boundary (while dragging SVG Polygon point)
- D3.js Warning: Unresponsive Script Message
- D3.js Issue when projection y values
- Is there a way to make a D3 legend change based on user input to radio buttons?
- Adding mouseover effects with d3.tip