github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/themes/wind/templates/root/report_table.html (about)

     1  <!DOCTYPE html>
     2  <html lang="zh-CN">
     3  <head>
     4    <title>{{SiteName}}管理系统</title>
     5    <meta charset="UTF-8" />
     6    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     7    <link rel="stylesheet" href="/root/css/bootstrap.min.css" />
     8    <link rel="stylesheet" href="/root/css/bootstrap-responsive.min.css" />
     9    <link rel="stylesheet" href="/root/css/uniform.css" />
    10    <link rel="stylesheet" href="/root/css/select2.css" />
    11    <link rel="stylesheet" href="/root/css/matrix-style.css" />
    12    <link rel="stylesheet" href="/root/css/matrix-media.css" />
    13    <link href="/root/font-awesome/css/font-awesome.css" rel="stylesheet"/>
    14    <link href='/root/css/opensans.css' rel='stylesheet' type='text/css'>
    15  </head>
    16  <body>
    17  {% include "header.html" %}
    18  {% include "sidebar.html" %}
    19    <div id="content">
    20      <div id="content-header">
    21        <div id="breadcrumb">
    22          <a href="#" title="控制面板" class="tip-bottom">
    23            <i class="icon-home"></i>
    24            控制面板
    25          </a>
    26          <a href="#" class="current">销售报表</a>
    27        </div>
    28        <h1>销售报表</h1>
    29      </div>
    30      <div class="container-fluid">
    31        <hr>
    32        <div class="row-fluid">
    33          <div class="span12">
    34            <div class="widget-box">
    35              <div class="widget-title">
    36                <span class="icon">
    37                  <i class="icon-th"></i>
    38                </span>
    39                <h5>数据图表</h5>
    40              </div>
    41              <div class="widget-content nopadding">
    42                <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    43                <div id="chartbox" style="height:400px"></div>
    44                <!-- ECharts单文件引入 -->
    45                <script src="/root/js/echarts/echarts.min.js"></script>
    46                <script type="text/javascript">
    47                  // 基于准备好的dom，初始化echarts图表
    48                  var myChart = echarts.init(document.getElementById('chartbox')); 
    49                  
    50                  var option = {
    51                    tooltip: {
    52                      show: true
    53                    },
    54                    legend: {
    55                      data:['销量']
    56                    },
    57                    xAxis : [
    58                      {
    59                        type : 'category',
    60                        data : ["中央处理器","内存","主板","硬盘","显示器","鼠标"]
    61                      }
    62                    ],
    63                    yAxis : [
    64                      {
    65                        type : 'value'
    66                      }
    67                    ],
    68                    series : [
    69                      {
    70                        "name":"销量",
    71                        "type":"bar",
    72                        "data":[5, 20, 40, 10, 10, 20]
    73                      }
    74                    ]
    75                  };
    76  
    77                  // 为echarts对象加载数据 
    78                  myChart.setOption(option); 
    79                </script>
    80              </div>
    81            </div>
    82          </div>
    83        </div>
    84      </div>
    85    </div>
    86  {% include "footer.html" %}
    87    <script src="/root/js/jquery.min.js"></script>
    88    <script src="/root/js/jquery.ui.custom.js"></script>
    89    <script src="/root/js/bootstrap.min.js"></script>
    90    <script src="/root/js/jquery.uniform.js"></script>
    91    <script src="/root/js/select2.min.js"></script>
    92    <script src="/root/js/jquery.dataTables.min.js"></script>
    93    <script src="/root/js/matrix.js"></script>
    94    <script src="/root/js/matrix.tables.js"></script>
    95  </body>
    96  </html>