Диаграмма Nativescript-ui не будет отображать метки при установленном источнике данных [iOS] - PullRequest
Новая
       8

Диаграмма Nativescript-ui не будет отображать метки при установленном источнике данных [iOS]

0 голосов
/ 29 января 2019

Используя пользовательский интерфейс Nativescript в моем приложении, он отлично работает на Android, но на iOS он не будет отображать все метки на любой оси, как только я добавлю источник данных.Что я делаю неправильно?Есть идеи?

Без источника данных: Without data source

С источником данных: With data source:

<StackLayout *ngIf="series$ | async as series" class="flex-container" orientation="vertical">
  <app-action-bar></app-action-bar>
  <ng-container *ngIf="series?.length > 0; else emptyWidget">
    <Label class="title" textWrap="true" [text]="widget.settings.title" horizontalAlignment="center"></Label>
    <RadCartesianChart tkExampleTitle tkToggleNavButton>
      <ng-container *ngFor="let serie of series">
        <ng-container [ngSwitch]="serie.type">
          <LinearAxis tkCartesianVerticalAxis allowZoom="true" allowPan="true" horizontalLocation="Left" [labelFormat]="'%0.0f'" [lineColor]="serie.color" labelTextColor="#191f3d" labelSize="13" android:lineThickness="3" labelMargin="10" [minimum]="minValue" [maximum]="maxValue"></LinearAxis>
          <DateTimeContinuousAxis tkCartesianHorizontalAxis lineColor="#D8D8D8" labelTextColor="#191f3d" labelSize="11" dateFormat="hh:00" lineThickness="3" labelMargin="10" [minimum]="backwardHour" [maximum]="forwardHour" majorStep="Hour" labelFitMode="Rotate"></DateTimeContinuousAxis>
          <LineSeries tkCartesianSeries [seriesName]="serie.id" *ngSwitchCase="'Line'" [legendTitle]="serie.name + ' - ' + serie.baseUnit" [items]="serie.data" stackMode="Stack" categoryProperty="timestamp" valueProperty="value">
            <Palette tkCartesianPalette [seriesName]="serie.id">
              <PaletteEntry tkCartesianPaletteEntry [fillColor]="serie.color" [strokeColor]="serie.color"></PaletteEntry>
            </Palette>
          </LineSeries>
          <SplineSeries tkCartesianSeries allowZoom="true" allowPan="true" [seriesName]="serie.id" *ngSwitchCase="'Spline'" [legendTitle]="serie.name + ' - ' + serie.baseUnit" [items]="serie.data" stackMode="Stack" categoryProperty="timestamp" valueProperty="value">
            <Palette tkCartesianPalette [seriesName]="serie.id">
              <PaletteEntry tkCartesianPaletteEntry [fillColor]="serie.color" [strokeColor]="serie.color"></PaletteEntry>
            </Palette>
          </SplineSeries>
        </ng-container>
      </ng-container>
    </RadCartesianChart>
  </ng-container>
</StackLayout>
...