Add lines to chart

[OstapchelaEst]

Hi. I am trying to implement a functionality which is to add a line between two time points. For this I tried to use the trendline approach. But in my case the end point of the line can go beyond the main line and in this case the time range changes and there is an offset. I need a behavior where it will not change and will remain the same as before the line was added. You can see this behavior here by clicking on the "add line" button.

Also in this example I tried to add a line using am5.Line.new but that didn't work either.

Maybe you can give me some advice?

[martynasma]

You can use series' setting ignoreMinMax: true to make series not influence the actual scale:

  var series = chart.series.push(
    am5xy.LineSeries.new(root, {
      xAxis: xAxis,
      yAxis: yAxis,
      valueXField: "date",
      stroke: color,
      valueYField: "value",
      ignoreMinMax: true
    })
  );

[OstapchelaEst]

@martynasma
Thank you so much it really did work. I modified the code a bit and added "bullets" to the lines that are added. If the lines are close to each other, the bullets overlap each other. I tried to use the stacked property but it doesn't seem to work for "bullets" in different series. Is there any way to shift them relative to each other when they overlap?

Try adding a few lines to see what I'm talking about.
https://jsfiddle.net/bnkz1ao5/34/

[martynasma]

No, I'm afraid there's no built-in solution for that.