2017-05-04 7 views
0

Reactで書かれたWebアプリケーションでHighchartsを使用しようとしています。ハイチャートはdivタグでレンダリングされます。JSXでReact - rendering divが見つかりませんでした

JSXファイルからページ、入力フィールド、ボタン、表、ドロップダウンリストなどのすべてのページをレンダリングしています。 divタグをIDまたはクラスでJSXに貼り付けて、Highcharts JavaScriptにリンクしようとすると、レンダリングのdivが見つからないというエラーメッセージがコンソール(ハイチャートエラー#13)に表示されます。私はIDまたは私Highcharts JavaScriptにそれをリンクするクラスと私のHTMLにdivタグを貼り付けたときに

render() { 
    return (<div> 
     <div id="container"></div> 
     </div> 
     ); 
     } 
    } 

しかし、私は、ページに表示するグラフを得ることができますが、私は私のJSXの内側にそれをしたいです私はパネル、コンテナなどの中に置くことができます。私はJSXで持っています。

+0

質問の中でコードが完成しました。 –

+0

前の投稿を確認してください –

+0

これはhttp://stackoverflow.com/questions/43767804/creating-a-bar-chart-using-highcharts-with-react-getting-an-error-that-renderiの複製ではありません? –

答えて

1

ここで私自身の質問に答えるために、問題はhighchartsがdivを探すのを試みた後にrender関数が呼び出されることでした。チャート描画コードをcomponentDidMount()セクションに配置したり、タイマーを配置したり、dangerchartInnerHTMLを使用してハイチャートコードを直接レンダリングしたりすることができます。

関連する問題