在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Java  HTML/ JSP中引入Chart.js不顯示

JSP中引入Chart.js不顯示

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

問題代碼:

<html>
    <head>
       ...
       <script src="path/Chart.js"></script>
       <!-- Data.js 是柱狀圖的數(shù)據(jù)部分 -->
       <script src="path/Data.js"></script>
    </head>
    <body>
        <!-- 情況1 和 情況2 不同時存在，運行情況1時，情況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>

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

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

問題

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

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

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

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

2017年11月2日 08:29