ngx趋势设置y轴的最小值和最大值

Question

我有几个迷你图，并希望为它们的y轴设置相同的最小最大值，以实现可以将图形直接相互比较。 （例如，一条线在80处的高度不应与20线处的高度相同）

默认的ngx趋势不提供设置y轴的最小值-最大值的功能。 由于它是svg图形，我可以在svg属性上设置此属性吗？

当前迷你图：

HTML：

<div class="container">
    <ngx-trend [data]="[50, 60, 55, 52, 55, 51, 50, 50, 55, 52, 53.6, 51]"
                width="123"
                stroke="#ff6600"
                strokeWidth="2"
                smooth="true"
                radius="10"
                strokeLinecap="round"
    ></ngx-trend>
    <ngx-trend [data]="[0, 10, 5, 22, 3.6, 11, 0, 10, 5, 22, 3.6, 11]"
                width="123"
                stroke="#ff6600"
                strokeWidth="2"
                smooth="true"
                radius="10"
                strokeLinecap="round"
    ></ngx-trend>
    <ngx-trend [data]="[80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80, 80]"
                width="123"
                stroke="#ff6600"
                strokeWidth="2"
                smooth="true"
                radius="10"
                strokeLinecap="round"
    ></ngx-trend>
    <ngx-trend [data]="[20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20]"
                width="123"
                stroke="#ff6600"
                strokeWidth="2"
                smooth="true"
                radius="10"
                strokeLinecap="round"
    ></ngx-trend>
</div>

CSS：

.container {
  height: 80px;
  display: grid;
  grid-template-columns: repeat(4, 123px);
  align-items: center;
}

https://stackblitz.com/edit/ngx-easy-table-2b3bdx