позиция легенды ngx-charts неправильная

Привет всем разработчикам,

Я работал с ngx-диаграммами, чтобы делать свои диаграммы, пока все хорошо, но когда я пытаюсь переместить положение легенды ниже, это похоже на то, что она выходит за границы диаграммы, и независимо от того, что я делаю, я могу Я не вижу его должным образом, и есть место, зарезервированное сбоку, как если бы его собирались разместить там.

Я поделюсь фрагментом кода, который использовал, и небольшим изображением для образца.

<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>

Если вы увидите ссылку ниже, вы заметите, что легенда выходит за границы и не отображается.

Изображение диаграммы


angular ngx-charts
person V. Benavides    schedule 17.04.2019    source источник
comment
Привет, у меня не работает функция легенды «Позиция = ниже». Не могли бы вы рассказать мне, как вы это сделали?   -  person Manolait    schedule 25.11.2019

Ответы (1)


arrow_upward
1
arrow_downward

добавьте его в styles.css или любой глобальный файл css

ngx-charts-legend {
  display: block !important;
}
person trungkmy    schedule 06.11.2019