Line chart not hitting the right value on chart and has a smooth line

Question

Below is my line graph where I am using 2 lines to show different values,

One line is blue and the other is red.

I want the line to have sharp points. and i woul

Answer 1

If you don't want d3 to smooth the edges, you should remove the interpolation from the line generator.

https://jsfiddle.net/cexLbfnk/3/

var valueline2 = d3.svg.line()
  .interpolate("basis") // this line needs to go
  .x(function(d) {
    return x(d.date);
  })
  .y(function(d) {
    return y(d.JANSALES);
  });