質問

サンプルHTMLファイルでHighstockを使用することができましたが、取り組んでいるアプリケーションでは、同じHighstockコードが部分的にロードされ、エラーをスローします。 jquery 1.5.1の未成年派コード(getComputedStyle関数)。

いくつかのコンソールログの後、エラーをスローするエレムが実際にはDOM要素ではなく、Highstockオブジェクトであることを発見しました。

また、問題のjQuery関数は、単純なサンプルページを実行しても呼び出されないことを発見しました。

何が欠けているのでしょうか?いくつかのCSS狂気?なぜそれはその関数を呼んでいるのでしょうか?

JSコード:

<script type="text/javascript">
var chart123;
$(document).ready(function(){
   chart123 = new Highcharts.StockChart({
                 chart: {
                    renderTo: 'chartcontainer'
                 },
                 rangeSelector: {
                    selected: 1
                 },
                 series: [{
                    name: 'USD to EUR',
                    data: [[6000000, 2], [50000000, 5]] // predefined JavaScript array
                 }]
            });
});
</script>

HTMLコード:

<div id="workspace-content">
    <div id="chartcontainer" style=" height: 400px"></div>
</div>

同じコードが同じjQueryファイルを使用する裸のページで動作することを再度強調させてください。

役に立ちましたか?

解決

以前のアプリケーションでFlotを使用していましたか?

他のヒント

あなたは私に多くのトラブルを救った。私はこれを理解しようとして(それは何でも)髪を引き出していました。あなたと同じように、私はjquery.flotがアプリケーションに含まれているとは知りませんでした。本当にありがとう。

jquery-resize.jsを含むSmartAdminを使用します。 loopy()を変更して、要素を処理する「if(elem.OwnerDocument)」のみを処理します。これは、HighChartsまたはSVGアイテムに必要です。

これは、異なる根本原因を伴う同じエラーに対する別の答えです。私はこれをここに置いて、それが誰かのデバッグを節約することを望んでいます。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top