0

我正在使用胜利(-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并将代码粘贴到图表下方即可。

4

0 回答 0