鍍金池/ 問(wèn)答/Java  HTML/ JSP中引入Chart.js不顯示

JSP中引入Chart.js不顯示

需求:
按照指定寬高顯示柱狀圖

問(wèn)題代碼:

<html>
    <head>
       ...
       <script src="path/Chart.js"></script>
       <!-- Data.js 是柱狀圖的數(shù)據(jù)部分 -->
       <script src="path/Data.js"></script>
    </head>
    <body>
        <!-- 情況1 和 情況2 不同時(shí)存在，運(yùn)行情況1時(shí)，情況2應(yīng)該被注釋掉 -->
    
        <!-- 情況1 -->
        <canvas id="myChart" style="width: 600px; height: 300px;"></canvas>
        
        <!-- 情況2 -->
        <div class="custom_width_height">
           <canvas id="myChart" style="width: 600px; height: 300px;"></canvas>
        </div>
    </body>
</html>

運(yùn)行結(jié)果
情況一: 圖的寬高設(shè)定無(wú)效
圖片描述

情況二: 柱狀圖不顯示，但是當(dāng) F12檢查 時(shí)，界面中按照指定寬高顯示
圖片描述

問(wèn)題

  1. 上述問(wèn)題的原因在哪？
  2. 如何解決上述問(wèn)題？
回答
編輯回答
掛念你

你情況一id設(shè)置的標(biāo)簽不對(duì)，而且echart生成的圖表是運(yùn)用<canvas>技術(shù),
你看一下官方文檔就清楚了

2017年5月20日 04:56
編輯回答
久舊酒

嘗試:
在 document.ready=function(){}
中重繪或者賦值

2017年11月2日 08:29