在iOS设备中使用Nativescript-Angular的RadCartesianChart无法正常工作

问题描述

在IOS设备中使用Nativescript-Angular的RadCartesianChart无法正常工作。它在android中工作正常，但在ios中工作不正常。请在下面找到我使用的版本。还有一段代码。

android：

tns信息 ✔获取NativeScript组件版本信息... ⚠更新可用于组件本机脚本。您当前的版本是6.7.4，最新的可用版本是7.0.6。 ⚠更新可用于组件tns-core-modules。您当前的版本是6.5.7，最新的可用版本是6.5.18。 ✔组件tns-android具有6.5.3版本，并且是最新的。 ⚠更新可用于组件tns-ios。您当前的版本是6.5.1，最新的可用版本是6.5.2。

ios：

tns信息 ✔获取NativeScript组件版本信息... ⚠更新可用于组件本机脚本。您当前的版本是6.7.4，最新的可用版本是7.0.6。 ⚠更新可用于组件tns-core-modules。您当前的版本是6.5.7，最新的可用版本是6.5.18。 ✔组件tns-android具有6.5.3版本，并且是最新的。 ✔组件tns-ios具有6.5.3版本，并且是最新的。

->

      <Palette tkCartesianPalette seriesName="El">
        <PaletteEntry tkCartesianPaletteEntry [fillColor]="electricityColor" strokeWidth="0"></PaletteEntry>
      </Palette>
      <Palette tkCartesianPalette seriesName="Gas">
          <PaletteEntry tkCartesianPaletteEntry  [fillColor]="gasColor" strokeWidth="0"></PaletteEntry>
      </Palette>
      <Palette tkCartesianPalette seriesName="Diesel">
          <PaletteEntry tkCartesianPaletteEntry [fillColor]="dieselColor" strokeWidth="0"></PaletteEntry>
      </Palette>


      <BarSeries seriesName="Gas" legendTitle="{{ 'gas' | translate }}" tkCartesianSeries stackMode="Stack" [items]="emissionDataSource" categoryProperty="date" valueProperty="gas"></BarSeries>
      <BarSeries seriesName="Diesel" legendTitle="{{ 'diesel' | translate }}" tkCartesianSeries stackMode="Stack" [items]="emissionDataSource" categoryProperty="date" valueProperty="diesel"></BarSeries>
      <BarSeries seriesName="El" legendTitle="{{ 'power' | translate }}" tkCartesianSeries stackMode="Stack" [items]="emissionDataSource" categoryProperty="date" valueProperty="el"></BarSeries>

      <RadLegendView tkCartesianLegend position="Top" height="125" enableSelection="true"></RadLegendView>
  </RadCartesianChart>
<!-- </FlexboxLayout> -->

<!-- <FlexboxLayout [visibility]="(displayMode === 2) ? 'visible' : 'hidden'"> -->
  <RadCartesianChart
    tkExampleTitle
    tkToggleNavButton
    [visibility]="(displayMode === 2) ? 'visible' : 'hidden'"
    >
      <RadCartesianChartGrid tkCartesianGrid
        horizontalLinesVisible="false"
        horizontalStrokeColor="#ffffcc80"
        horizontalStrokeWidth="1">
      </RadCartesianChartGrid>
      <DateTimeCategoricalAxis
      tkCartesianHorizontalAxis
        dateFormat="MMM"></DateTimeCategoricalAxis>
      <LinearAxis tkCartesianVerticalAxis allowZoom="true" allowPan="true"></LinearAxis>

      <Palette tkCartesianPalette seriesName="El">
        <PaletteEntry tkCartesianPaletteEntry [fillColor]="electricityColor" strokeWidth="0"></PaletteEntry>
      </Palette>
      <Palette tkCartesianPalette seriesName="Renewable">
        <PaletteEntry tkCartesianPaletteEntry [fillColor]="renewableColor" strokeWidth="0"></PaletteEntry>
      </Palette>
      <Palette tkCartesianPalette seriesName="Gas">
          <PaletteEntry tkCartesianPaletteEntry [fillColor]="gasColor" strokeWidth="0"></PaletteEntry>
      </Palette>
      <Palette tkCartesianPalette seriesName="Diesel">
          <PaletteEntry tkCartesianPaletteEntry [fillColor]="dieselColor" strokeWidth="0"></PaletteEntry>
      </Palette>

      <BarSeries tkCartesianSeries seriesName="Gas" legendTitle="{{ 'gas' | translate }}" stackMode="Stack" [items]="totalEnergyDataSource" categoryProperty="date" valueProperty="gas"></BarSeries>
      <BarSeries tkCartesianSeries seriesName="Diesel" legendTitle="{{ 'diesel' | translate }}" stackMode="Stack" [items]="totalEnergyDataSource" categoryProperty="date" valueProperty="diesel"></BarSeries>
      <BarSeries tkCartesianSeries seriesName="El" legendTitle="{{ 'power' | translate }}"  stackMode="Stack" [items]="totalEnergyDataSource" categoryProperty="date" valueProperty="el"></BarSeries>
      <BarSeries tkCartesianSeries seriesName="Renewable" legendTitle="{{ 'power.green' | translate }}"  stackMode="Stack" [items]="totalEnergyDataSource" categoryProperty="date" valueProperty="renewable"></BarSeries>

      <RadLegendView tkCartesianLegend position="Top" height="150" enableSelection="true"></RadLegendView>
  </RadCartesianChart>
<!-- </FlexboxLayout> -->


<ListView
  [visibility]="(displayMode === 3) ? 'visible' : 'hidden'"
  [items]="gridItems"
  (itemTap)="onGridItemTap($event)">
  <ng-template let-x="item" let-i="index" let-odd="odd" let-even="even"
    >
      <FlexboxLayout justifyContent="space-between">
        <Label [text]="x.date | date: 'short'"></Label>
        <Label [backgroundColor]="x.color"  color="#ffffff">
          <FormattedString>
            <Span [text]="x.iconString + ' '" class="fas mode-btn-icon"></Span>
            <Span [text]="x.total"></Span>
            <Span [text]="' ' + x.unitString"></Span>
          </FormattedString>
        </Label>
      </FlexboxLayout>
  </ng-template>
</ListView>

<ActivityIndicator [busy]="isLoading"></ActivityIndicator>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）