热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Chart.js与React

如何解决《Chart.js与React》经验,为你挑选了1个好方法。

我想在我的项目中实现图表,我决定使用react-chart.js

我正在尝试在我的组件中添加一个示例,所以我添加了以下代码:

var MyChart = React.createClass({

  render: function() {
    console.log(chartData)
    return 
  }
});

module.exports = MyChart;

chartData是一个对象

我有一个错误:

core.js:64 Uncaught TypeError :(中间值)[chartType]不是函数

我也尝试了其他图表,但没有一个能够正常工作,所以我可能做错了什么,但我找不到什么



1> Shubham Khat..:

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,
        }
    ]
};


推荐阅读
author-avatar
文布得
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有