在hbuilder制作APP时使用echarts：堆叠柱状图

一、效果图

       

二、实现代码

   1、body中：
        // 头部标签
        <header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">测试柱图</h1>
</header>
        


<div class="mui-content" style="margin-top: 10px;">
 // 设置堆叠柱图的div的大小
<div id="main" style='width:100%;height:300px;'></div>
</div>
    
    2、style中：
        <style>
            // 设置页面的背景图片
body {
background: url(../img/csygbg.png);
}

// 设置柱图div中的样式
.mui-content {
background-color: transparent; //背景颜色为透明