2017-05-06 15 views
0

私のjqPlotは自分のhtmlファイルに置かれていれば問題ありません。別のhtmlファイルのdivに埋め込むと、動作しなくなります。jqPlotが見えないようです

ファイン(自身のhtmlファイル)

<div class="generic-container-no-background"> 
    <div id="chart1" style="width:80%; height:80%"></div> 
</div> 

が(別のHTMLファイルに埋め込まれて)これ以上は動作しません作品

<div class="generic-container-no-background collapse" id="collapseMembersView">   
    <div id="chart1" style="width:80%; height:80%"></div> 
</div> 

チャートのコードは次のようになります。

$(function() { 
     var line1 = [['Nissan', 4],['Porche', 6],['Acura', 2],['Aston Martin', 5],['Rolls Royce', 6]]; 

     $('#chart1').jqplot([line1], { 
      title:'Bar Chart with Varying Colors', 
      seriesColors:['#85802b', '#00749F', '#73C774', '#C7754C', '#00749F'], 
      seriesDefaults:{ 
       renderer:$.jqplot.BarRenderer, 
       rendererOptions: { 
        // Set the varyBarColor option to true to use different colors for each bar. 
        // The default series colors are used. 
        varyBarColor: true 
       } 
      }, 
      axes:{ 
       xaxis:{ 
        renderer: $.jqplot.CategoryAxisRenderer 
       } 
      } 
     }); 
}); 

グラフはもはや表示されません。背景もバーも表示されません。それは見えないようです。誰もが解決策を提案できますか?どうもありがとうございました。

参考になる情報であるかどうかは分かりませんが、別のhtmlファイルではjsTreeオブジェクトと角度も使用しています。

+0

どのコンソールエラー? –

+0

jsファイルを他のhtmlファイルに含めましたか? –

+0

はい、jsファイルが適切に含まれています。コンソールエラーはありません。 – vaio

答えて

0

問題が見つかった場合私は、角のデータトグル= "崩壊"の上部のdivを持っています。

<div class="ts-sticker-panel" data-toggle="collapse" 
       data-target="#collapseMembersView" ...> 

崩壊クラスを削除しました。グラフが表示されます。

<div class="generic-container-no-background" id="collapseMembersView">   
    <div id="chart1" style="width:80%; height:80%"></div> 
</div> 

しかし、jqPlotが角度データトグルと組み合わせて動作できるかどうかは今でも今のところ望みます。誰にもアイデアはありますか?

関連する問題