JSP中引入Chart.js不显示

发布于
2017-12-05

更新于
2017-12-05

需求:
按照指定宽高显示柱状图

问题代码:

<html>
    <head>
       ...
       <script src="path/Chart.js"></script>
       <!-- Data.js 是柱状图的数据部分 -->
       <script src="path/Data.js"></script>
    </head>
    <body>
        <!-- 情况1 和 情况2 不同时存在，运行情况1时，情况2应该被注释掉 -->
    
        <!-- 情况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>

运行结果
情况一: 图的宽高设定无效
图片描述