屏幕尺寸不同时，标注线会发生变化

Question

我们广泛使用生成图表，目前正在尝试向图表添加标注。

标注有一个框和一个箭头线。箭头线表示特定点，该框包含消息。

我在图中的特定点标识了线，我使用topixel方法生成点。

根据屏幕的大小，线条会严重移位。

这是我的小提琴代码： -

https://jsfiddle.net/cucjw7xc/11

这是显示我们的一个用户使用的Windows机器中的移位线的图表。 由于每台机器的屏幕尺寸不同，我不知道如何设置线条的长度。

更大的屏幕（屏幕高度-1080＆amp;宽度 - 1920）

较小的屏幕（正确显示，屏幕高度 - 900和宽度 - 1440）

代码： 我的javascript是在小提琴中给出的，而且它太大了，不能在这里附上。

  <div class="row">
            <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
        </div>