ngx-charts-bar-horizo​​ntal 未正确呈现

如何解决ngx-charts-bar-horizo​​ntal 未正确呈现

我正在尝试以两种图表格式 ngx-chart-bar-vertical 和 ngx-chart-bar-horizo​​ntal 呈现数据

ngx-chart-bar-vertical 无论数据量多少都能正常工作。 但是当数据量很大时用ngx-chart-bar-horizo​​ntal
例如：

date = [
{name : "1",value : 1},{name : "2",//assume 4000 more such entry
{name : "4000",value : 1}
]

这是水平条形图HTML文件的配置

<ngx-charts-bar-horizontal [view]="chartSizeView"
                           [scheme]="chartColorScheme"
                           [results]="data"
                           [gradient]=false
                           [xAxis]=true
                           [yAxis]=true
                           [legend]=false
                           [showXAxisLabel]=false
                           [showYAxisLabel]=false>
</ngx-charts-bar-horizontal>

垂直条形图的配置

<ngx-charts-bar-vertical [view]="chartSizeView"
                         [scheme]="chartColorScheme"
                         [results]="data"
                         [gradient]=false
                         [xAxis]=true
                         [yAxis]=true
                         [legend]=false
                         [showXAxisLabel]=false
                         [showYAxisLabel]=false
                         >
</ngx-charts-bar-vertical>

上面代码中的变量有如下值

chartViewSize = null;
chartColorSchema = {
    domain: ['#156484']
};

如果水平条形图 y 轴折叠到自身（找到屏幕截图）

当我检查元素时，我发现的是

从屏幕截图中，您可以看到所有条形的变换都是恒定的，这就是它们相互折叠的原因。

但我不知道为什么？