ngx-charts-bar-vertical:当元素太多而没有绘制条形图时该怎么办

Question

使用ngx-charts,特别是垂直条形图,我发现元素的限制不会显示条形.

我相信这个限制与图表的可用宽度和元素数量有关,这当然是有意义的.

我复制了'问题'修改官方示例(源数据在data.ts内):

• n =限制元素:plunkr(存在条)
• n + 1个元素:plunkr(棒消失)

我的问题是:有没有办法防止这种情况,比如在需要时添加滚动条,还是更好？

如果没有,是否有一个事件/日志/钩子我可以用来至少检测它正在发生并隐藏图表/通知用户？

值得注意的是,当条形消失时,它们的g>路径节点也会从DOM中消失.

我也在这里粘贴它的角度模板代码,因为'plunkr必须伴随代码'限制,也许它有帮助:

<ngx-charts-bar-vertical
  [view]="view"
  [scheme]="colorScheme"
  [results]="single"
  [gradient]="gradient"
  [xAxis]="showXAxis"
  [yAxis]="showYAxis"
  [legend]="showLegend"
  [showXAxisLabel]="showXAxisLabel"
  [showYAxisLabel]="showYAxisLabel"
  [xAxisLabel]="xAxisLabel"
  [yAxisLabel]="yAxisLabel"
  (select)="onSelect($event)">
</ngx-charts-bar-vertical>

Answer 1

您可以使用barPadding输入来设置条之间的填充（以像素为单位）示例：

[栏填充] =“2”