胜利原住民地区图

Question

我正在浏览 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: ",519.44", no: 0}
1: {cHT: 1536892140000, cHTVU: 6518.97, cHTVF: ",518.97", no: 1}
2: {cHT: 1536892140000, cHTVU: 6521.74, cHTVF: ",521.74", no: 2}
3: {cHT: 1536892140000, cHTVU: 6528.73, cHTVF: ",528.73", no: 3}
4: {cHT: 1536892140000, cHTVU: 6531.17, cHTVF: ",531.17", no: 4}
5: {cHT: 1536892140000, cHTVU: 6535.07, cHTVF: ",535.07", no: 5}

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

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

Answer 1

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

胜利原住民地区图

Victory Native area graph

reactjs

react-native

victory-charts