2つの別々のビューに2つの別々のグラフを描画しようとしています。1つはProject#Indexページに、もう1つはProject#Showページにあります。モデルごとに同じ場所に異なるグラフを配置する予定なのでapp/assets/javascripts/
、モデルに対応するフォルダーを作成し、それらのグラフに必要なすべてのJavascriptファイルを含めます(現在、グラフごとに1つのファイルがあります)。それらを個別に描画することはできますが、両方のファイルをブラウザーに提供すると、HTMLソースコードで最初にリストされているファイルのみが描画されます。両方のグラフが異なるものにレンダリングされていることを確認しましたdiv
が、それは役に立たないようです。WebブラウザでJavascriptコンソールを見ると、次のエラーが発生します。
Uncaught Highcharts error #13: www.highcharts.com/errors/13
div
これは、グラフがレンダリングするように指示されたグラフを見つけることができないことを意味します。
これは理にかなっています。両方のグラフがページに提供されていますが、対応するグラフを見つけることができるのは1つだけdiv
です。一方を見ることができ、もう一方を見ることができないことも、これによって部分的に説明されます-HTMLソースで最初にリストされているグラフは機能し、エラーは、2番目のグラフがそれを見つけることができないというHighchartsdiv
です。2番目のグラフのページに移動すると、Highchartsは最初のグラフでエラーになり、2番目のグラフはレンダリングされないままになります。
これを整理するためのより良い方法はありますか?モデルに関連するすべてのJavascriptを1つのファイルに保存する必要がありますか?私はdiv
sを間違って参照していますか?