Chart.js 反应
Chart.js with React
我想在我的项目中实现图表,我决定使用react-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
我也尝试了其他图表,但其中 none 个确实有效,所以我可能做错了什么,但我找不到
React Chartjs
也依赖于 Chart.js
。
像
一样安装
npm install --save chart.js@^1.1.1 react react-dom
此外,由于 Line
是 named export
,您需要将其导入为
import {Line as LineChart} from 'react-chartjs';
还要确保你的 chartData 是一个像
这样的对象
{
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,
}
]
};
我想在我的项目中实现图表,我决定使用react-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
我也尝试了其他图表,但其中 none 个确实有效,所以我可能做错了什么,但我找不到
React Chartjs
也依赖于 Chart.js
。
像
npm install --save chart.js@^1.1.1 react react-dom
此外,由于 Line
是 named export
,您需要将其导入为
import {Line as LineChart} from 'react-chartjs';
还要确保你的 chartData 是一个像
这样的对象{
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,
}
]
};