React Metrics Graphics 在渲染时不显示

Question

我在 github link 上遵循 React Metrics Graphics 的安装和使用，但在渲染时不显示图形。

这是我正在尝试创建的 link link

谁能帮我出示图表？

Answer 1

这是因为您没有在 render 方法中为 MetricGraphics 组件提供 props，但是您在 class 的定义之前添加了它，它什么都不做，只需将其删除并粘贴到 render 中方法，如下所示

render() {
return (
  <div>
    <Hello name={this.state.name} />
    <p>
      Start editing to see some magic happen :)
    </p>
  <MetricsGraphics
    title="Downloads"
    description="This graphic shows a time-series of downloads."
    data={ [{'date':new Date('2014-11-01'),'value':12}, {'date':new Date('2014-11-02'),'value':18}] }
    width={600}
    height={250}
    x_accessor="date"
    y_accessor="value"
  />
  </div>
);
}

React Metrics Graphics 在渲染时不显示

React Metrics Graphics not showing when on render

reactjs

metricsgraphicsjs