1

各位开发者您好,

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

如果您看到下面的链接,您会注意到图例超出了边界并且没有显示。

图表图像

4

1 回答 1

1

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

ngx-charts-legend {
  display: block !important;
}
于 2019-11-06T13:16:31.313 回答