时间戳

首页 > 解决方案 > Nativescript iOS CandleStickSeries/OhlcSeries“无法识别的选择器”错误

ios - Nativescript iOS CandleStickSeries/OhlcSeries“无法识别的选择器”错误

问题描述

我在 iOS 上使用 NativeScript Angular 演示代码（请参阅此处的代码。）并且我收到控制台调试错误：

（CoreFoundation）-[NSNull y]：无法识别的选择器发送到实例 0x11194cfc0

进程 10889 已停止

* 线程 #1，队列 = 'com.apple.main-thread'，停止原因 = EXC_BAD_ACCESS（代码=1，地址=0x0）

帧 #0: 0x0000000111f4bab0 libunwind.dylib`libunwind::CFI_Parser::decodeFDE(libunwind::LocalAddressSpace&, unsigned long long,

libunwind::CFI_Parser::FDE_Info*, libunwind::CFI_Parser::CIE_Info*) + 26

libunwind.dylib`libunwind::CFI_Parser::decodeFDE:

-> 0x111f4bab0 <+26>: movl (%r15), %r12d

0x111f4bab3 <+29>: 泄漏 0x4(%r15), %rbx

0x111f4bab7 <+33>: movl $0xffffffff, %eax ; imm = 0xFFFFFFFF

0x111f4babc <+38>: cmpq %rax, %r12

目标 0：（测试）停止。

当我加载 CandleStickSeries 或 OhlcSeries 演示时。它锁定了 UI，我必须重新启动应用程序。打字稿与示例代码完全相同。

我已成功加载 PieSeries、SplineAreaSeries 和 AreaSeries 图表而没有问题。

这是该组件的 html 代码：

<RadCartesianChart tkExampleTitle tkToggleNavButton>

    <DateTimeCategoricalAxis 
        tkCartesianHorizontalAxis 
        dateFormat="yyyy-MM-dd"
        verticalLocation="Bottom">
    </DateTimeCategoricalAxis>

    <LinearAxis tkCartesianVerticalAxis></LinearAxis>

    <OhlcSeries 
        tkCartesianSeries 
        categoryProperty="Date" 
        openPropertyName="Open" 
        highPropertyName="High" 
        lowPropertyName="Low" 
        closePropertyName="Close"
        [items]="ohlcSourceItems">
    </OhlcSeries>

</RadCartesianChart>

tns-ios版本是4.1.1，虽然我也用4.1.0测试过。 nativescript-ui-chart版本是^3.6.1虽然我也测试了不同的版本并得到了相同的结果。

我无法弄清楚是什么导致了这个错误。当我删除categoryProperty="Date"（这很愚蠢，我知道）属性时，错误消失了，并且图表仍然没有加载（即使没有错误，就像 Android 版本一样）。我重新排列了属性，将它们删除并替换为在它们各自的 API 页面上找到的属性，但似乎找不到解决方案。

我最近从 NativeScript 4.0 更新到 4.1，看看这是否能解决错误，但它没有。

我已经在从 iPhone 6 到 iPhone X 的每个 xcode 硬件模拟器中对此进行了测试，并且在尝试加载图表时遇到了同样的错误。

在 Android 上，这些图表可以正常工作。

只是为了好玩，这是package.json我正在使用的“混淆”（请记住，当我按原样运行示例代码时，仍然会发生此错误）：

 {
  "description": "Test",
  "license": "SEE LICENSE IN <your-license-filename>",
  "readme": "NativeScript Application",
  "repository": "<fill-your-repository-here>",
  "nativescript": {
    "id": "org.nativescript.test",
    "tns-android": {
      "version": "4.1.3"
    },
    "tns-ios": {
      "version": "4.1.1"
    }
  },
  "dependencies": {
    "@angular/animations": "^5.2.11",
    "@angular/common": "^5.2.11",
    "@angular/compiler": "^5.2.11",
    "@angular/core": "^5.2.11",
    "@angular/forms": "^5.2.11",
    "@angular/http": "^5.2.11",
    "@angular/platform-browser": "^5.2.11",
    "@angular/platform-browser-dynamic": "^5.2.11",
    "@angular/router": "^5.2.11",
    "@types/lodash": "^4.14.110",
    "lodash": "^4.17.10",
    "moment": "^2.22.2",
    "nativescript-angular": "~5.3.0",
    "nativescript-couchbase": "^1.0.18",
    "nativescript-gradient": "^2.0.1",
    "nativescript-pulltorefresh": "^2.1.1",
    "nativescript-svg": "^1.3.4",
    "nativescript-theme-core": "~1.0.4",
    "nativescript-toast": "^1.4.6",
    "nativescript-ui-autocomplete": "^3.7.1",
    "nativescript-ui-chart": "*",
    "node": "^8.11.3",
    "reflect-metadata": "~0.1.8",
    "rxjs": "^5.5.11",
    "tns-core-modules": "^4.1.0",
    "zone.js": "~0.8.2"
  },
  "devDependencies": {
    "@angular/compiler-cli": "^5.2.11",
    "@ngtools/webpack": "~1.9.4",
    "@types/jasmine": "^2.8.8",
    "babel-traverse": "6.26.0",
    "babel-types": "6.26.0",
    "babylon": "6.18.0",
    "clean-webpack-plugin": "~0.1.19",
    "copy-webpack-plugin": "~4.3.0",
    "css-loader": "~0.28.7",
    "extract-text-webpack-plugin": "~3.0.2",
    "husky": "^0.14.3",
    "lazy": "1.0.11",
    "lint-staged": "^7.2.0",
    "nativescript-dev-sass": "^1.5.0",
    "nativescript-dev-typescript": "^0.7.2",
    "nativescript-dev-webpack": "^0.11.0",
    "nativescript-worker-loader": "~0.8.1",
    "prettier": "^1.13.7",
    "raw-loader": "~0.5.1",
    "resolve-url-loader": "~2.2.1",
    "sass-loader": "~6.0.6",
    "node-sass": "^4.0.0",
    "tslint": "^5.10.0",
    "typescript": "~2.6.2",
    "uglifyjs-webpack-plugin": "~1.1.6",
    "webpack": "~3.10.0",
    "webpack-bundle-analyzer": "^2.13.1",
    "webpack-sources": "~1.1.0"
  },
  "author": "me"
}

最后...

这是我试图为我自己的个人项目工作的 html 代码。显然，如果演示代码不起作用，那么我的也不会。但这里是：

<StackLayout  backgroundColor="rgba(0,0,0,0.7)" borderRadius="3">
  <RadCartesianChart>
    <OhlcSeries 
      tkCartesianSeries
      seriesName="financialChart"
      [items]="ohlcSourceItems"
      verticalAxis="LinearAxis"
      horizontalAxis="DateTimeCategoricalAxis"
      showLabels="false"
      selectionMode="none"
      openPropertyName="Open" 
      highPropertyName="High" 
      lowPropertyName="Low"
      categoryProperty="Date"
      closePropertyName="Close">
    </OhlcSeries>
    <DateTimeCategoricalAxis 
      tkCartesianHorizontalAxis
      majorTickIntervalProperty
      majorTickInterval="5"
      dateFormat="MM/dd"
      dateTimeComponent="Day"
      verticalLocation="Bottom"
      labelSize="12"
      labelMargin="10"
      labelTextColor="#ffffff"
      lineColor="#ffffff"
      plotMode="BetweenTicks">
    </DateTimeCategoricalAxis>
    <LinearAxis 
      tkCartesianVerticalAxis 
      [minimum]="smallest"
      [maximum]="largest"
      labelLayoutMode="Outer"
      labelTextColor="#ffffff"
      labelSize="12"
      labelMargin="10"
      lineColor="#ffffff">
    </LinearAxis>
  </RadCartesianChart>
</StackLayout>

标签： ioschartsangular2-nativescript

解决方案

所以这里的答案与我发送到图表的数据有关……而不是图表的属性。

我正在使用时刻 js 来格式化日期字符串：

const date = (moment(arr.time * 1000).format('YYYY/MM/DD')).toString();

原来图表需要格式'DD/MM/YYYY'才能工作。

我将代码更新为

const date = (moment(arr.time * 1000).format('DD/MM/YYYY')).toString();

iOS 图表启动了。

我假设这个selector词

无法识别的选择器发送到实例

指包含数据的数据对象，instance表示图表属性。

::回到电脑洞穴::

推荐阅读