Chartist.js React模塊未顯示圖

Question

我正在通過Meteor.js應用程序中的react-chartist chartist npm包使用Chartist.js庫來繪制一些數據。

問題：圖表圖表僅顯示軸，而不顯示線圖！ 我錯過了什么嗎？

渲染組件

Chart.jsx

import React, { Component } from 'react';
import { Meteor } from 'meteor/meteor';
import { createContainer } from 'meteor/react-meteor-data';
import ChartistGraph from 'react-chartist';


export class Chart extends Component {
    render() {
        var data = {
            labels: ['a', 'b', 'c', 'd', 'e'],
            series: [[1,2,3,4,5]]
        }

        const type = 'Line';

        return (
            <div>
                <ChartistGraph data={data} type={type} />
            </div>
        )
    }
}

packages.json

  "dependencies": {
    "babel-runtime": "^6.23.0",
    "chartist": "^0.10.1",
    "meteor-node-stubs": "~0.2.0",
    "meteor-rxjs": "^0.4.7",
    "react": "^15.4.2",
    "react-addons-pure-render-mixin": "^15.4.2",
    "react-chartist": "^0.12.0",
    "react-dom": "^15.4.2",
    "react-router": "^3.0.2",
    "rxjs": "^5.2.0"
  }

Answer 1

如果尚未將CDN包含在您的根HTML文件中，請嘗試嘗試。 您可以在文檔中找到它，也可以在這里-https: //www.npmjs.com/package/react-chartist

他們提到，charactist-chartist軟件包中未包含Chartist.js CSS代碼，但他們將上述腳本添加到了您的應用中。 否則，您可能必須手動設置圖表樣式以進行渲染。