0

Highchartsで少し問題があります。デフォルトのスタックバーレイアウトでグラフを設定しています。見栄えがします。コードはhtmlファイルにあります。

次に、同じコードを変更せずに外部の.jsファイルに配置すると、2番目の結果が得られます。私は完全に困惑しています、なぜこれが起こっているのか分かりません。何か案は?

jsファイルには他にもたくさんのコードがありますが、グラフの生成と競合することはないと思います...

ありがとう。

作業グラフ: http: //i.stack.imgur.com/51QTV.png 壊れたグラフ:http://i.stack.imgur.com/VyDzK.png

4

1 に答える 1

0

サンプルコードを提供しなかったので、原因を大まかに推測します。

  1. 外部JSファイルのコードは/確かに/グラフの生成を妨げています。これは、onloadイベントで正しくロードされていない場合に発生する可能性があります。ほとんどのJavascriptは、ドキュメントが完全にロードされた後にのみ実行する必要があります(jQueryはこれに適しています)。

  2. Highchartsコードを外部ファイルに入れることで、ロードの順序が崩れます。おそらく、一部のコードは、後でロードする他のコードに依存しています。まだ存在しないスタイルシートを使おうとしているのかもしれません。グローバルオブジェクトを上書きする前のコードや、一部のプロパティとメソッドが表示されなくなっている可能性があります。

原則として、Javascriptファイルはスタイルシートの後にロードする必要があり、ほとんどのJavascriptロジックはドキュメントのロード後に実行する必要があります。これは、onload = "javascript:foo()"属性を本体にアタッチするか、$(foo);を使用して実行できます。(fooは関数です)jQueryを使用している場合。

于 2012-07-31T16:42:07.690 に答える