0

我需要与我面临的问题相关的帮助。我正在使用胜利原生图表来显示折线图。当我运行应用程序并远程选择调试 JS 时,它正在运行并显示此结果。

在此处输入图像描述

但是当我关闭调试模式时它会崩溃并显示这一点。

在此处输入图像描述

我正在使用此代码来显示图表。

<VictoryChart scale={{ x: "time" }} domain={{ x: [minDate, maxDate] }} height={350}>
    <VictoryLine
        style={{
            data: { stroke: "blue" }
        }}
        data={chartData}
        x="date"
        y="a"
    />
    <VictoryLine
        style={{
            data: { stroke: "green" }
        }}
        data={chartData}
        x="date"
        y="b"
    />
    <VictoryLine
        style={{
            data: { stroke: "red" }
        }}
        data={chartData}
        x="date"
        y="c"
    />
</VictoryChart>

如果有人遇到这个问题并解决了它,我会陷入这个问题,请告诉我。

提前致谢。

这是样本数据。 chartData = [ {date: 'Sun Sep 16 2018 12:00:01 GMT+0500 (Pakistan Standard Time)', a: 107, b: 84, c: 23}, {date: 'Sat Sep 15 2018 12:00:01 GMT+0500 (Pakistan Standard Time)', a: 95, b: 78, c: 17}, {date: 'Fri Sep 14 2018 12:00:01 GMT+0500 (Pakistan Standard Time)', a: 83, b: 67, c: 16}, {date: 'Thu Sep 13 2018 12:00:02 GMT+0500 (Pakistan Standard Time)', a: 92, b: 80, c: 12}, {date: 'Wed Sep 12 2018 12:00:01 GMT+0500 (Pakistan Standard Time)', a: 81, b: 63, c: 18}, {date: 'Tue Sep 11 2018 12:00:15 GMT+0500 (Pakistan Standard Time)', a: 105, b: 92, c: 13}, {date: 'Mon Sep 10 2018 12:00:01 GMT+0500 (Pakistan Standard Time)', a: 122, b: 93, c: 29}, {date: 'Sun Sep 09 2018 12:00:01 GMT+0500 (Pakistan Standard Time)', a: 79, b: 66, c: 13}, {date: 'Sat Sep 08 2018 12:00:06 GMT+0500 (Pakistan Standard Time)', a: 64, b: 53, c: 11}, {date: 'Fri Sep 07 2018 12:00:01 GMT+0500 (Pakistan Standard Time)', a: 62, b: 50, c: 12}, {date: 'Thu Sep 06 2018 12:00:01 GMT+0500 (Pakistan Standard Time)', a: 83, b: 59, c: 24} ];

版本:

react: "^16.3.1"
react-native: "^0.55.4"
react-native-svg: "^6.5.2"
victory-native: "^30.3.0"
4

1 回答 1

0

原来x轴上的域确实有字符串日期而不是日期,所以我转换为日期并且它正在工作。

但我仍然不确定它在调试模式下是如何工作的。

于 2018-09-18T06:01:54.687 回答