胜利乡土图答案

【问题标题】：Victory Native area graph胜利乡土图
【发布时间】：2018-09-18 00:22:32
【问题描述】：

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

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

无论如何，所以我正在通过following Section (VictoryArea)

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

<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 轴？

【问题讨论】：

标签： reactjs react-native victory-charts

【解决方案1】：

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

【讨论】：