Charjs 2 with reactjs

私はreactjsライブラリに全く新しいです。私はこのライブラリが非常に興味深く、私のチャート分析プロジェクト（JavaベースのSpringプロジェクト）に実装したいと思っています。基本的には、従来の方法で実装したい、npmやパッケージマネージャをインストールしたくない。Charjs 2 with reactjs

ファイル：chart.js

var MyComponent = React.createClass({ 
    render: function(){ 
     return <Line data={chartData} optionis={chartOptions} width="90%" height="70%" /> 
    } 
}); 
ReactDOM.render(<MyComponent />, document.getElementById("root"));

は、私は、それが動作するはずだと思うが、私はエラーを取得：

<!DOCTYPE html> 
    <html> 
    <head> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react-dom.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react-bootstrap/0.31.0/react-bootstrap.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react-chartjs-2/2.1.0/react-chartjs-2.min.js"></script> 
    <script type="text/babel" src="chart.js"></script> 
    </head> 
    <body> 
     <div id="root"></div> 
    </body> 
</html>

ファイルindex.htmlを私は2つのファイルを持っています未知ReferenceError：行が定義されていません

注：npm managerは使用しません。したがって、npm、またはjavacript を使用した回答は、またはのインポートが必要です。

出典

2017-07-05 krishna

あなたはchartJSライブラリ（またはES5のvar Line = require（ 'Line'））をインポートする必要があります。

それは、コンソールがLineが定義されていないと言った理由です。

出典

2017-07-05 15:28:28 Yuhao

私はvar Line = require（ 'Line'）;を使用しています。私は持っています：ReferenceError：requireは定義されていません – krishna

あなたのコードの詳細を見ることができますか？あなたが必要とされている場合は定義されていないthatsおそらく環境設定は何とか間違っていることを意味します。 – Yuhao

あなたが反応と反応を含む方法を意味することを意味する何とかDOMは何とか盗んだ – Yuhao

この反応ライブラリを試してください https://github.com/reactjs/react-chartjs。
プロジェクトを実行するだけで、 npm install --save react-chartjsが実行されます。
eact-chartjsからLineChartをインポートするだけです。

 var LineChart = require("react-chartjs").Line; 
    var MyComponent = React.createClass({ 
     render: function() { 
     return <LineChart data={chartData} optionis={chartOptions} width="90%" height="70%" /> 
     } 
    }); 
    ReactDOM.render(<MyComponent />, document.getElementById("root"));

出典

2017-07-05 15:53:31

npmなしでは不可能ですか？私は自分のhtmlページにreact-chartjsを含めて、サーバーではなくブラウザで実行したいと思っています。なぜあなたはreact-chartjs-2の代わりにreact-chartjsをお勧めしますか？ – krishna

答えて

関連する問題