jqPlot似乎是不可見的

只要將它放置在自己的html文件中，我的jqPlot就能正常工作。如果我將它嵌入到另一個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對象和角度。

來源

2017-05-06 vaio

任何控制檯錯誤？ –

您是否在其他html文件中包含了js文件？ –

是的，js文件被正確包含。沒有控制檯錯誤。 – vaio

如果發現問題！我有一個角度數據切換=「崩潰」的上部格。

<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組合發揮與角度的數據切換。有人有想法嗎？

來源

2017-05-06 17:15:39 vaio

jqPlot似乎是不可見的

回答

相關問題