2017-05-06 4 views
0

mein jqPlot funktioniert gut, solange es in einer eigenen html-Datei gespeichert ist. Wenn ich es in ein Div einer anderen HTML-Datei einbetten, funktioniert es nicht mehr.jqPlot scheint unsichtbar zu sein

Adaequat (eigene HTML-Datei)

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

Funktioniert nicht mehr (in einer anderen HTML-Datei eingebettet)

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

Der Code für das Diagramm wie folgt aussieht:

$(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 
       } 
      } 
     }); 
}); 

Das Diagramm wird nicht mehr angezeigt - weder Hintergrund, noch die Balken. Es scheint unsichtbar zu sein. Kann jemand eine Lösung vorschlagen? Vielen Dank.

Ich bin mir nicht sicher, ob es eine hilfreiche Information ist, aber in dieser anderen HTML-Datei verwende ich auch ein jsTree-Objekt und eckig.

+0

irgendwelche Konsolenfehler? –

+0

Haben Sie die js-Datei in die andere HTML-Datei eingefügt? –

+0

ja, die js-Datei ist richtig enthalten. Es gibt keine Konsolenfehler. – vaio

Antwort

0

Wenn das Problem gefunden wurde! Ich habe eine obere Div mit Winkel Daten-Toggle = "Kollaps".

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

Ich habe die Kollapsklasse entfernt - jetzt wird das Diagramm angezeigt.

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

Aber noch möchte jetzt, wenn der jqPlot in Kombination mit dem eckigen Daten-Toggle funktionieren kann. Hat jemand eine Idee?

Verwandte Themen