Drawing horizontal lines

• October 1, 2024 at 1:06 pm #59873
  
  rbadis

  Hi Guys,

  I’ve used striplines to draw vertical lines but I would like to draw horizontal lines where I set the start and end of those lines, so that between each two vertical lines one horizontal line, I thought of using striplines as well but my understanding that with striplines you can’t set where the lines start and end?

  Thanks

  October 1, 2024 at 6:20 pm #59875
  
  Ananya

  @rbadis,

  Striplines are drawn either from top to bottom, or from left to right extremes. However, you can use a line chart to achieve your requirement. Please take a look at this JSFiddle for an example of the same.

  

  —
  Ananya Deka
  Team CanvasJS

  October 4, 2024 at 2:46 pm #59898
  
  rbadis

  Thanks Ananya, do know know how can I do it programatically rather then in design?
  I tried something like this but didn’t work:
  chart.options.data[0].type: “line”;
  chart.options.data[0].dataPoints.push({x: 500, y: 0.005});
  chart.options.data[0].dataPoints.push({x: 800, y: 0.005});

  October 4, 2024 at 5:48 pm #59900
  
  Ananya

  @rbadis,

  chart.addTo() method is used to add the line dataseries programmatically, as shown in the example. The code you are trying does not work because the series needs to be created before “type” or “datapoints” can be assigned.

  If you are looking to change the y-values such that the line is centered vertically, you can use the y-axis range to calculate the midpoint. In case you are still having issues, please create a JSFiddle and share with us, so that we can understand your scenario better and help you out.

  —
  Ananya Deka
  Team CanvasJS

  October 5, 2024 at 9:14 am #59902
  
  rbadis

  Thanks Ananya for your help