javascript - 如何将数据加载到react-stockcharts？

Question

我目前正在尝试实现 the basic area chart到我的代码中，但我意识到我不知道如何将输入添加到代码中。我克隆了 AreaChart 组件并集成到我的 View 中，添加为 <AreaChart data={values} ratio={10} width={10} type={'svg'}/> ，但是在解析数据时，没有关于如何解析数据的书面说明，o数据模板或任何东西，只是一个错误。文档也不好

是否有示例说明如何将数据提供给图表？

我正在尝试解析以下 json:

"stock": [
  {
    "date": 56116,
    "price": 0.431,
    "accuracy": 0.4361,
    "high": 4.1515,
    "low": 1507.9235,
    "open": 1312.0051,
    "close": 1246.5826
  },
  {
    "date": 93492,
    "price": 0.1717,
    "accuracy": 0.1489,
    "high": 1373.5059,
    "low": 974.1351,
    "open": 1412.5995,
    "close": 1447.5179
  },
  {
    "date": 48833,
    "price": 0.5229,
    "accuracy": 0.9701,
    "high": 466.1322,
    "low": 1673.346,
    "open": 1295.6486,
    "close": 67.016
  }]

格式正确还是应该采用不同的格式？

谢谢!

Answer 1

数据格式为tsv。

Demo link

tsv sample file used in demo