Question

我的jqPlot可以正常工作，只要它放在一个自己的html文件中。如果我将它嵌入另一个html文件的div中，它就会停止工作。

工作正常（自己的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对象和angular。

Answer 1

如果发现问题！我有一个带有角度数据的上部div-toggle =“collapse”。

<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可以与角度数据切换结合使用。有没有人有想法？

jqPlot似乎是看不见的

1 个答案: