我正在使用胜利(-native)在应用程序中绘制图表,但不了解非常基本的图表的行为,如下所示:
<VictoryChart
containerComponent={<VictoryContainer />}
>
<VictoryLine data={
[
{
"x": 0,
"y": 0.51
},
{
"x": -1,
"y": 1.59
},
{
"x": -3,
"y": 3.34
},
{
"x": -4,
"y": 4.08
},
{
"x": -2,
"y": 2.93
},
{
"x": -6,
"y": 6.7
},
{
"x": -7,
"y": 7.36
},
{
"x": -8,
"y": 8.79
},
{
"x": -9,
"y": 9.42
},
{
"x": -10,
"y": 10.09
},
{
"x": -11,
"y": 11.89
},
{
"x": -12,
"y": 12.56
},
{
"x": -13,
"y": 13.25
},
{
"x": -14,
"y": 14.85
},
{
"x": -15,
"y": 15.6
},
{
"x": -16,
"y": 16.82
},
{
"x": -17,
"y": 17.04
},
{
"x": -18,
"y": 18.31
},
{
"x": -19,
"y": 19.91
},
{
"x": -20,
"y": 20.82
},
{
"x": -21,
"y": 21.77
},
{
"x": -22,
"y": 22.94
},
{
"x": -23,
"y": 23.88
},
{
"x": -24,
"y": 24
},
{
"x": -25,
"y": 25
},
{
"x": -26,
"y": 26
},
{
"x": -27,
"y": 27
},
{
"x": -28,
"y": 28.34
},
{
"x": -29,
"y": 29.94
},
{
"x": -30,
"y": 30.34
},
{
"x": -31,
"y": 31.88
},
{
"x": 32,
"y": 32.48
},
{
"x": -33,
"y": 33.95
},
{
"x": -34,
"y": 34.7
},
{
"x": -35,
"y": 35.96
}
]
}/>
</VictoryChart>
预期的输出是一个图表,它显示了从左上角 (-36, 35) 到右下角 (0,0) 的一条线。
数据点从何而来?
要测试代码,只需访问FormidableLabs并将代码粘贴到图表下方即可。