Question

向所有开发人员问好，

我一直在与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>

如果您看到下面的链接，您会发现图例超出了边界且没有显示。

Chart image

Answer 1

将其添加到styles.css或任何全局CSS文件中

ngx-charts-legend {
  display: block !important;
}

ngx-charts图例位置错误

1 个答案: