jqPlot이 보이지 않는 것 같습니다.

내 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 개체와 각도를 사용하고 있습니다.

출처

2017-05-06 vaio

콘솔 오류가 있습니까? –

js 파일을 다른 html 파일에 포함 시켰습니까? –

예, js 파일이 제대로 포함되어 있습니다. 콘솔 오류가 없습니다. – vaio

문제가 발견 된 경우! 각도 데이터 - 토글 = "붕괴"가있는 상단 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이 각도 데이터 토글과 함께 작동 할 수 있다면 여전히 좋을 것입니다. 누구나 아이디어가 있습니까?

출처

2017-05-06 17:15:39 vaio

jqPlot이 보이지 않는 것 같습니다.

답변

관련 문제