chart.js之彼此反应

Question

我要实现我的项目的图表，我决定用反应-chart.js之

我在一开始就试图在我的组件添加一个例子，所以我加了此代码：

var MyChart = React.createClass({ 

    render: function() { 
    console.log(chartData) 
    return <LineChart data={chartData} options={null} width="600" height="250"/> 
    } 
}); 

module.exports = MyChart; 

chartData是一个对象

我有一个错误：

core.js:64 Uncaught TypeError: (intermediate value)[chartType] is not a function

我ALS o尝试过其他图表，但他们都没有工作，所以我可能做错了什么，但我找不到什么

Answer 1

React Chartjs也依赖于Chart.js。 像

npm install --save chart.js@^1.1.1 react react-dom 

此外，由于Line安装它是你需要导入为

import {Line as LineChart} from 'react-chartjs'; 

另外，还要确保你的chartData是像你使用ReCharts

{ 
    labels: ["January", "February", "March", "April", "May", "June", "July"], 
    datasets: [ 
     { 
      label: "My First dataset", 
      fill: false, 
      pointHoverRadius: 5, 
      pointRadius: 1, 
      pointHitRadius: 10, 
      data: [65, 59, 80, 81, 56, 55, 40], 
      spanGaps: false, 
     } 
    ] 
};