0

我正在阅读 Victory Native Graph Documentation，我很难理解。

注意：这是我第一次使用任何数据可视化库。

无论如何，所以我正在经历以下部分（VictoryArea）

Here 在文档中，他们只提到了这一点

<VictoryChart
  theme={VictoryTheme.material}
>
  <VictoryArea
    style={{ data: { fill: "#c43a31" } }}
    data={sampleData}
  />
</VictoryChart>

我无法理解他们传递的价值data={sampleData}（比如sampleData看起来像什么？）

考虑我有看起来像这样的数据对象

{cHT: 1536892140000, cHTVU: 6519.44, cHTVF: "$6,519.44", no: 0}
1: {cHT: 1536892140000, cHTVU: 6518.97, cHTVF: "$6,518.97", no: 1}
2: {cHT: 1536892140000, cHTVU: 6521.74, cHTVF: "$6,521.74", no: 2}
3: {cHT: 1536892140000, cHTVU: 6528.73, cHTVF: "$6,528.73", no: 3}
4: {cHT: 1536892140000, cHTVU: 6531.17, cHTVF: "$6,531.17", no: 4}
5: {cHT: 1536892140000, cHTVU: 6535.07, cHTVF: "$6,535.07", no: 5}

其中 cHT 是 unix 时间（毫秒），而 cHTVU 是相应的值（即在 1536892140000 处，给定的加密硬币具有 6518.97 值）

[问题：]现在，从上面的示例中，我如何绘制图形，或者实际上告诉哪个应该指向 x 轴和 Y 轴？

4

1 回答 1

1

Victory 中的数据通常被假定为具有 x 和 y 值的对象数组，例如[{x: 1, y: 2}, {x: 2, y: 3} ...]，但您也可以使用数据访问器道具为 x 和 y 指定数据的不同属性。查看有关数据访问器的本指南以获取更多信息：https ://formidable.com/open-source/victory/guides/data-accessors/

于 2018-09-17T16:22:32.097 回答