Chartist.jsプロットにプロットが表示されない

Question

Meteor.jsアプリでreact-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

ルートHTMLファイルにCDNを含めてください。あなたはドキュメントやここでそれを見つけることができます - https://www.npmjs.com/package/react-chartist

彼らはChartist.js CSSコードは反応チャート作成パッケージに含まれていないが、あなたのアプリに追加する上記のスクリプトのままに言及します。それ以外の場合は、チャートをレンダリングするために手動でスタイルを設定する必要があります。