開発者の皆様、こんにちは。
私はチャートを作成するためにngx-chartsを使用してきましたが、これまでのところすべて問題ありませんが、凡例の位置を下に移動しようとすると、チャートの境界を超えているようで、何をしてもできますちゃんと見えなくて、あたかもそこに置かれるかのように横に予約されたスペースがあります。
私が使用していたコードの一部と、サンプル用の小さな画像を共有します。
<div class="widget-body">
<div class="clearfix" style="height: 450px; padding: 0px">
<i class="fa fa-spin fa-spinner fa-5x center-spinner" *ngIf="salesSpinner == true"></i>
<ngx-charts-line-chart *ngIf="salesSpinner == false"
[scheme]="colorScheme"
[results]="salesData"
[legend]="legend"
legendPosition="below"
[xAxis]="showXAxis"
[yAxis]="showYAxis"
[showXAxisLabel]="showXAxisLabel"
[showYAxisLabel]="showYAxisLabel"
[xAxisLabel]="xAxisLabel1"
[yAxisLabel]="yAxisLabel1">
</ngx-charts-line-chart>
</div>
</div>
以下のリンクを見ると、凡例が境界から外れて表示されていないことがわかります。