在调试模式下工作时,本机胜利图表无法在发布模式下工作

时间:2018-09-17 10:34:28

标签: react-native react-native-android victory-charts

我需要与我遇到的问题有关的帮助。我正在使用胜利本机图表来显示折线图。当我运行该应用程序并选择远程调试JS时,它正在运行,并且显示此结果。

enter image description here

但是当我关闭调试模式时,它会崩溃并显示出来。

enter image description here

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

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

1 个答案:

答案 0 :(得分:0)

结果是,x轴上的域确实具有字符串日期而不是日期,因此我将其转换为日期并且可以正常工作。

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