我需要与我遇到的问题有关的帮助。我正在使用胜利本机图表来显示折线图。当我运行该应用程序并选择远程调试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"
答案 0 :(得分:0)
结果是,x轴上的域确实具有字符串日期而不是日期,因此我将其转换为日期并且可以正常工作。
但是我仍然不确定它在调试模式下如何工作。