Domovská stránka Prehľadávať Pomoc
Registrovať Prihlásiť sa
trick9191
/
wlyy2.0
forknuté z Amoy2/wlyy2.0
Pridať medzi pozorované 1
Hviezda 0
Fork 0
Súbory
Prechádzať zdrojové kódy

代码修改

yeshijie 7 rokov pred
rodič
a027549f8d
commit
be9ecdd9ae
15 zmenil súbory, kde vykonal 3814 pridanie a 0 odobranie
Rozdelené zobrazenie Ukázať štatistiku rozdielnych dát
  1. 147 0
      patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/theme.html
  2. 987 0
      patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/themeDesigner.html
  3. 121 0
      patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/timelineOption.js
  4. 217 0
      patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/toolbox.html
  5. 178 0
      patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/tooltip.html
  6. 188 0
      patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/tree.html
  7. 260 0
      patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/tree1.html
  8. 124 0
      patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/tree2.html
  9. 125 0
      patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/tree3.html
  10. 362 0
      patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/tree4.html
  11. 189 0
      patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/tree5.html
  12. 137 0
      patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/treemap.html
  13. 286 0
      patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/treemap1.html
  14. 265 0
      patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/treemap2.html
  15. 228 0
      patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/treemap3.html

+ 147 - 0
patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/theme.html
Zobraziť súbor 

@ -0,0 +1,147 @@
 
<!DOCTYPE html>
 
<html lang="en">
 
<head>
 
    <meta charset="utf-8">
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <meta name="description" content="ECharts">
 
    <meta name="author" content="kener.linfeng@gmail.com">
 
    <title>ECharts · Example</title>
 
    <link rel="shortcut icon" href="../asset/ico/favicon.png">
 
    <link href="../asset/css/font-awesome.min.css" rel="stylesheet">
 
    <link href="../asset/css/bootstrap.css" rel="stylesheet">
 
    <link href="../asset/css/carousel.css" rel="stylesheet">
 
    <link href="../asset/css/echartsHome.css" rel="stylesheet">
 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
    <!--[if lt IE 9]>
 
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
    <![endif]-->
 
    <script src="./www/js/echarts.js"></script>
 
    <script src="../asset/js/codemirror.js"></script>
 
    <script src="../asset/js/javascript.js"></script>
 
    <link href="../asset/css/codemirror.css" rel="stylesheet">
 
    <link href="../asset/css/monokai.css" rel="stylesheet">
 
    <style type="text/css">
 
        .chart {
 
            height: 300px;
 
            margin-bottom:10px;
 
        }
 
    </style>
 
</head>
 
<body>
 
    <!-- Fixed navbar -->
 
    <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="head"></div>
 
    <div class="container">
 
        <div class="row" style="margin:20px 0;">
 
            <div class='col-md-8'> 
                <select style="width:100%;height:34px;" name="theme-select">
 
                    <option selected="true" name='infographic'>infographic</option>
 
                    <option name='macarons'>macarons</option>
 
                    <option name='shine'>shine</option>
 
                    <option name='dark'>dark</option>
 
                    <option name='blue'>blue</option>
 
                    <option name='green'>green</option>
 
                    <option name='red'>red</option>
 
                    <option name='gray'>gray</option>
 
                    <option name="helianthus">helianthus</option>
 
                    <option name="roma">roma</option>
 
                    <option name="mint">mint</option>
 
                    <option name="macarons2">macarons2</option>
 
                    <option name="sakura">sakura</option>
 
                    <option name='default'>default</option>
 
                </select>
 
            </div>
 
            <button class="btn btn-info col-md-2" style="margin-right: 5px;" type="button" onclick="saveAsImage()">Save As Image</button>
 
            <button class="btn btn-info col-md-1" type="button" onclick="download()">Download</button>
 
        </div>
 
        
        <div class="row-fluid">
 
            <div id="graphic" class="col-md-12">
 
                <div class="row-fluid">
 
                    <div class="col-md-6">
 
                        <div md="main" class="chart"></div>
 
                    </div><!--/col-md--->
 
                    <div class="col-md-6">
 
                        <div md="main" class="chart"></div>
 
                    </div><!--/col-md--->
 
                </div>
 
                <div class="row-fluid">
 
                    <div class="col-md-6">
 
                        <div md="main" class="chart"></div>
 
                    </div><!--/col-md--->
 
                    <div class="col-md-6">
 
                        <div md="main" class="chart"></div>
 
                    </div><!--/col-md--->
 
                </div>
 
                <div class="row-fluid">
 
                    <div class="col-md-12">
 
                        <div md="main" class="chart" style="height:500px"></div>
 
                    </div><!--/col-md--->
 
                </div>
 
                <div class="row-fluid">
 
                    <div class="col-md-4">
 
                        <div md="main" class="chart" style="height:270px"></div>
 
                    </div><!--/col-md--->
 
                    <div class="col-md-4">
 
                        <div md="main" class="chart" style="height:270px"></div>
 
                    </div><!--/col-md--->
 
                    <div class="col-md-4">
 
                        <div md="main" class="chart" style="height:270px"></div>
 
                    </div><!--/col-md--->
 
                </div>
 
                <div class="row-fluid">
 
                    <div class="col-md-4">
 
                        <div md="main" class="chart" style="height:270px"></div>
 
                    </div><!--/col-md--->
 
                    <div class="col-md-4">
 
                        <div md="main" class="chart" style="height:270px"></div>
 
                    </div><!--/col-md--->
 
                    <div class="col-md-4">
 
                        <div md="main" class="chart" style="height:270px"></div>
 
                    </div><!--/col-md--->
 
                </div>
 
            </div><!--/col-md--->
 
        </div><!--/row-->
 
        
        <div class="row">
 
            <button class="btn btn-info col-md-1" type="button" onclick="download()">Download</button>
 
            <button class="btn btn-info col-md-2" style="margin-left: 5px;" type="button" onclick="saveAsImage()">Save As Image</button>
 
            <div class='col-md-6'> 
                <select style="width:100%;height:34px;" name="theme-select">
 
                    <option selected="true" name='infographic'>infographic</option>
 
                    <option name='macarons'>macarons</option>
 
                    <option name='shine'>shine</option>
 
                    <option name='dark'>dark</option>
 
                    <option name='blue'>blue</option>
 
                    <option name='green'>green</option>
 
                    <option name='red'>red</option>
 
                    <option name='gray'>gray</option>
 
                    <option name="helianthus">helianthus</option>
 
                    <option name="roma">roma</option>
 
                    <option name="mint">mint</option>
 
                    <option name="macarons2">macarons2</option>
 
                    <option name="sakura">sakura</option>
 
                    <option name='default'>default</option>
 
                </select>
 
            </div>
 
        </div>
 
        
    </div><!--/.fluid-container-->
 
    <footer id="footer"></footer>
 
    <!-- Le javascript
 
    ================================================== -->
 
    <!-- Placed at the end of the document so the pages load faster -->
 
    <script src="../asset/js/jquery.min.js"></script>
 
    <script type="text/javascript" src="../asset/js/echartsHome.js"></script>
 
    <script src="../asset/js/bootstrap.min.js"></script>
 
    <script src="../asset/js/echartsTheme.js"></script>
 
</body>
 
</html>

+ 987 - 0
patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/themeDesigner.html
Zobraziť súbor 

@ -0,0 +1,987 @@
 
<!DOCTYPE html>
 
<html lang="en">
 
<head>
 
    <meta charset="utf-8">
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <meta name="description" content="ECharts">
 
    <meta name="author" content="kener.linfeng@gmail.com">
 
    <title>ECharts · Example</title>
 
    <link rel="shortcut icon" href="../asset/ico/favicon.png">
 
    <link href="../asset/css/font-awesome.min.css" rel="stylesheet">
 
    <link href="../asset/css/bootstrap.css" rel="stylesheet">
 
    <link href="../asset/css/carousel.css" rel="stylesheet">
 
    <link href="../asset/css/echartsHome.css" rel="stylesheet">
 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
    <!--[if lt IE 9]>
 
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
    <![endif]-->
 
    <script src="./www/js/echarts.js"></script>
 
    <script src="../asset/js/codemirror.js"></script>
 
    <script src="../asset/js/javascript.js"></script>
 
    <link href="../asset/css/codemirror.css" rel="stylesheet">
 
    <link href="../asset/css/monokai.css" rel="stylesheet">
 
    <style type="text/css">
 
        .doc-image {
 
            float:left;
 
        }
 
        .doc-image h3 {
 
            text-align:center;
 
            background-color:#eee;
 
        }
 
        #doc-continer {
 
            text-align:center;
 
            margin-top:-10px;
 
            transition: height 1s;
 
            -moz-transition: height 1s; /* Firefox 4 */
 
            -webkit-transition: height 1s; /* Safari and Chrome */
 
            -o-transition: height 1s; /* Opera */
 
            overflow:hidden;
 
        }
 
        #doc-switch {
 
            font-weight:bolder;
 
        }
 
        .CodeMirror {
 
            height: 2270px;
 
        }
 
        .main-graphic {
 
            height: 1800px;
 
            overflow: hidden;
 
            padding : 10px;
 
            margin-bottom: 10px;
 
            border: 1px solid #e3e3e3;
 
            -webkit-border-radius: 4px;
 
               -moz-border-radius: 4px;
 
                    border-radius: 4px;
 
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 
               -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 
                    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 
        }
 
        .chart {
 
            height: 300px;
 
            margin-bottom:10px;
 
        }
 
        #sidebar-code .btn-primary {
 
            width:60%;
 
        }
 
        #sidebar-code .btn-info {
 
            width:38%;
 
            float:right;
 
        }
 
    </style>
 
</head>
 
<body>
 
    <!-- Fixed navbar -->
 
    <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="head"></div>
 
    <div class="container-fluid">
 
        <div id="doc-continer" class="doc-open" style="margin-top:20px;">
 
            <a href='#' onclick="docSwitch()" id="doc-switch">- 文档图示</a>
 
            <div class="row-fluid">
 
                <div class='doc-image col-md-4'>
 
                    <h3><a href="../doc.html#Title" target="_blank">title（标题）</a></h3>
 
                    <p><img src="../asset/img/doc/title.png" title="" alt="标题"/></p>
 
                </div>
 
                <div class='doc-image col-md-4'>
 
                    <h3><a href="../doc.html#Toolbox" target="_blank">toolbox（工具箱）</a></h3>
 
                    <p><img src="../asset/img/doc/toolbox.png" title="" alt="工具箱"/></P>
 
                </div>
 
                <div class='doc-image col-md-4'>
 
                    <h3><a href="../doc.html#Tooltip" target="_blank">tooltip（提示）</a></h3>
 
                    <td><img src="../asset/img/doc/tooltip2.jpg" title="" alt="提示"/></td>
 
                </div>
 
            </div>
 
            <div class="row-fluid">
 
                <div class='doc-image col-md-6'>
 
                    <h3><a href="../doc.html#Legend" target="_blank">legend（图例）</a></h3>
 
                    <p><img src="../asset/img/doc/legend.png" title="" alt="图例"/></p>
 
                </div>
 
                <div class='doc-image col-md-6'>
 
                    <h3><a href="../doc.html#DataZoom" target="_blank">dataZoom（数据区域缩放）</a></h3>
 
                    <p><img src="../asset/img/doc/dataZoom.png" title="" alt="数据区域缩放"/></P>
 
                </div>
 
            </div>
 
            <div class="row-fluid">
 
                <div class='doc-image col-md-4'>
 
                    <h3><a href="../doc.html#DataRange" target="_blank">dataRange（值域）</a></h3>
 
                    <p><img src="../asset/img/doc/dataRange.png" title="" alt="值域"/></P>
 
                </div>
 
                
                <div class='doc-image col-md-4'>
 
                    <h3><a href="../doc.html#Grid" target="_blank">grid（绘图网格）</a></h3>
 
                    <p><img src="../asset/img/doc/grid.jpg" title="" alt="绘图网格"/></P>
 
                </div>
 
                <div class='doc-image col-md-4'>
 
                    <h3><a href="../doc.html#Axis" target="_blank">axis（坐标轴）</a></h3>
 
                    <p><img src="../asset/img/doc/axisDetail.png" title="" alt="axisDetail"/></P>
 
                </div>
 
            </div>
 
            <div class="row-fluid">
 
                <div class='doc-image col-md-4'>
 
                    <h3><a href="../example/line.html" target="_blank">line（折线图）</a></h3>
 
                    <p><img src="../asset/img/doc/lineTheme.png" title="" alt="折线图"/></P>
 
                </div>
 
                <div class='doc-image col-md-4'>
 
                    <h3><a href="../example/bar.html" target="_blank">bar（柱形图）</a></h3>
 
                    <p><img src="../asset/img/doc/barTheme.png" title="" alt="柱形图"/></P>
 
                </div>
 
                <div class='doc-image col-md-4'>
 
                    <h3><a href="../example/scatter.html" target="_blank">scatter（散点图）</a></h3>
 
                    <p><img src="../asset/img/doc/scatterTheme.png" title="" alt="散点图"/></P>
 
                </div>
 
            </div>
 
            <div class="row-fluid">
 
                <div class='doc-image col-md-4'>
 
                    <h3><a href="../example/k.html" target="_blank">k（K线图）</a></h3>
 
                    <p><img src="../asset/img/doc/kTheme.png" title="" alt="K线图"/></P>
 
                </div>
 
                <div class='doc-image col-md-4'>
 
                    <h3><a href="../example/pie.html" target="_blank">pie（饼图）</a></h3>
 
                    <p><img src="../asset/img/doc/pieTheme.png" title="" alt="饼图"/></P>
 
                </div>
 
                <div class='doc-image col-md-4'>
 
                    <h3><a href="../example/radar.html" target="_blank">k（雷达图）</a></h3>
 
                    <p><img src="../asset/img/doc/radarTheme.png" title="" alt="雷达图"/></P>
 
                </div>
 
            </div>
 
            <div class="row-fluid">
 
                <div class='doc-image col-md-4'>
 
                    <h3><a href="../example/chord.html" target="_blank">chord（和弦图）</a></h3>
 
                    <p><img src="../asset/img/doc/chordTheme.png" title="" alt="和弦图"/></P>
 
                </div>
 
                <div class='doc-image col-md-4'>
 
                    <h3><a href="../example/force.html" target="_blank">force（力导向布局图）</a></h3>
 
                    <p><img src="../asset/img/doc/forceTheme.png" title="" alt="力导向布局图"/></P>
 
                </div>
 
                <div class='doc-image col-md-4'>
 
                    <h3><a href="../example/map.html" target="_blank">map（地图）</a></h3>
 
                    <p><img src="../asset/img/doc/mapTheme.png" title="" alt="地图"/></P>
 
                </div>
 
            </div>
 
        </div>
 
        <a name='refresh' href="#" style="display:inline-block;padding-top: 50px;"> </a>
 
        <div class="row-fluid example">
 
            <div id="sidebar-code" class="col-md-4">
 
              <div style="margin-bottom:10px">
 
                <button class="btn btn-large btn-primary" type="button" onclick="refresh(true)">刷新</button>
 
                <button class="btn btn-large btn-info" type="button" onclick="saveAsImage()">保存图片</button>
 
              </div>
 
              <div class="well sidebar-nav">
 
                <div class="nav-header"><a href="#" onclick="autoResize()" class="glyphicon glyphicon-resize-full" id ="icon-resize" ></a>option</div>
 
                <textarea id="code" name="code">
 
theme = {
 
    // 全图默认背景
 
    // backgroundColor: 'rgba(0,0,0,0)',
 
    
    // 默认色板
 
    color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed',
 
            '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0',
 
            '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
 
            '#6699FF','#ff6666','#3cb371','#b8860b','#30e0e0'],
 
    // 图表标题
 
    title: {
 
        x: 'left',                 // 水平安放位置，默认为左对齐，可选为：
 
                                   // 'center' ¦ 'left' ¦ 'right'
 
                                   // ¦ {number}（x坐标，单位px）
 
        y: 'top',                  // 垂直安放位置，默认为全图顶端，可选为：
 
                                   // 'top' ¦ 'bottom' ¦ 'center'
 
                                   // ¦ {number}（y坐标，单位px）
 
        //textAlign: null          // 水平对齐方式，默认根据x设置自动调整
 
        backgroundColor: 'rgba(0,0,0,0)',
 
        borderColor: '#ccc',       // 标题边框颜色
 
        borderWidth: 0,            // 标题边框线宽，单位px，默认为0（无边框）
 
        padding: 5,                // 标题内边距，单位px，默认各方向内边距为5，
 
                                   // 接受数组分别设定上右下左边距，同css
 
        itemGap: 10,               // 主副标题纵向间隔，单位px，默认为10，
 
        textStyle: {
 
            fontSize: 18,
 
            fontWeight: 'bolder',
 
            color: '#333'          // 主标题文字颜色
 
        },
 
        subtextStyle: {
 
            color: '#aaa'          // 副标题文字颜色
 
        }
 
    },
 
    
    // 图例
 
    legend: {
 
        orient: 'horizontal',      // 布局方式，默认为水平布局，可选为：
 
                                   // 'horizontal' ¦ 'vertical'
 
        x: 'center',               // 水平安放位置，默认为全图居中，可选为：
 
                                   // 'center' ¦ 'left' ¦ 'right'
 
                                   // ¦ {number}（x坐标，单位px）
 
        y: 'top',                  // 垂直安放位置，默认为全图顶端，可选为：
 
                                   // 'top' ¦ 'bottom' ¦ 'center'
 
                                   // ¦ {number}（y坐标，单位px）
 
        backgroundColor: 'rgba(0,0,0,0)',
 
        borderColor: '#ccc',       // 图例边框颜色
 
        borderWidth: 0,            // 图例边框线宽，单位px，默认为0（无边框）
 
        padding: 5,                // 图例内边距，单位px，默认各方向内边距为5，
 
                                   // 接受数组分别设定上右下左边距，同css
 
        itemGap: 10,               // 各个item之间的间隔，单位px，默认为10，
 
                                   // 横向布局时为水平间隔，纵向布局时为纵向间隔
 
        itemWidth: 20,             // 图例图形宽度
 
        itemHeight: 14,            // 图例图形高度
 
        textStyle: {
 
            color: '#333'          // 图例文字颜色
 
        }
 
    },
 
    
    // 值域
 
    dataRange: {
 
        orient: 'vertical',        // 布局方式，默认为垂直布局，可选为：
 
                                   // 'horizontal' ¦ 'vertical'
 
        x: 'left',                 // 水平安放位置，默认为全图左对齐，可选为：
 
                                   // 'center' ¦ 'left' ¦ 'right'
 
                                   // ¦ {number}（x坐标，单位px）
 
        y: 'bottom',               // 垂直安放位置，默认为全图底部，可选为：
 
                                   // 'top' ¦ 'bottom' ¦ 'center'
 
                                   // ¦ {number}（y坐标，单位px）
 
        backgroundColor: 'rgba(0,0,0,0)',
 
        borderColor: '#ccc',       // 值域边框颜色
 
        borderWidth: 0,            // 值域边框线宽，单位px，默认为0（无边框）
 
        padding: 5,                // 值域内边距，单位px，默认各方向内边距为5，
 
                                   // 接受数组分别设定上右下左边距，同css
 
        itemGap: 10,               // 各个item之间的间隔，单位px，默认为10，
 
                                   // 横向布局时为水平间隔，纵向布局时为纵向间隔
 
        itemWidth: 20,             // 值域图形宽度，线性渐变水平布局宽度为该值 * 10
 
        itemHeight: 14,            // 值域图形高度，线性渐变垂直布局高度为该值 * 10
 
        splitNumber: 5,            // 分割段数，默认为5，为0时为线性渐变
 
        color:['#1e90ff','#f0ffff'],//颜色 
        //text:['高','低'],         // 文本，默认为数值文本
 
        textStyle: {
 
            color: '#333'          // 值域文字颜色
 
        }
 
    },
 
    toolbox: {
 
        orient: 'horizontal',      // 布局方式，默认为水平布局，可选为：
 
                                   // 'horizontal' ¦ 'vertical'
 
        x: 'right',                // 水平安放位置，默认为全图右对齐，可选为：
 
                                   // 'center' ¦ 'left' ¦ 'right'
 
                                   // ¦ {number}（x坐标，单位px）
 
        y: 'top',                  // 垂直安放位置，默认为全图顶端，可选为：
 
                                   // 'top' ¦ 'bottom' ¦ 'center'
 
                                   // ¦ {number}（y坐标，单位px）
 
        color : ['#1e90ff','#22bb22','#4b0082','#d2691e'],
 
        backgroundColor: 'rgba(0,0,0,0)', // 工具箱背景颜色
 
        borderColor: '#ccc',       // 工具箱边框颜色
 
        borderWidth: 0,            // 工具箱边框线宽，单位px，默认为0（无边框）
 
        padding: 5,                // 工具箱内边距，单位px，默认各方向内边距为5，
 
                                   // 接受数组分别设定上右下左边距，同css
 
        itemGap: 10,               // 各个item之间的间隔，单位px，默认为10，
 
                                   // 横向布局时为水平间隔，纵向布局时为纵向间隔
 
        itemSize: 16,              // 工具箱图形宽度
 
        featureImageIcon : {},     // 自定义图片icon
 
        featureTitle : {
 
            mark : '辅助线开关',
 
            markUndo : '删除辅助线',
 
            markClear : '清空辅助线',
 
            dataZoom : '区域缩放',
 
            dataZoomReset : '区域缩放后退',
 
            dataView : '数据视图',
 
            lineChart : '折线图切换',
 
            barChart : '柱形图切换',
 
            restore : '还原',
 
            saveAsImage : '保存为图片'
 
        }
 
    },
 
    // 提示框
 
    tooltip: {
 
        trigger: 'item',           // 触发类型，默认数据触发，见下图，可选为：'item' ¦ 'axis'
 
        showDelay: 20,             // 显示延迟，添加显示延迟可以避免频繁切换，单位ms
 
        hideDelay: 100,            // 隐藏延迟，单位ms
 
        transitionDuration : 0.4,  // 动画变换时间，单位s
 
        backgroundColor: 'rgba(0,0,0,0.7)',     // 提示背景颜色，默认为透明度为0.7的黑色
 
        borderColor: '#333',       // 提示边框颜色
 
        borderRadius: 4,           // 提示边框圆角，单位px，默认为4
 
        borderWidth: 0,            // 提示边框线宽，单位px，默认为0（无边框）
 
        padding: 5,                // 提示内边距，单位px，默认各方向内边距为5，
 
                                   // 接受数组分别设定上右下左边距，同css
 
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
 
            type : 'line',         // 默认为直线，可选为：'line' | 'shadow'
 
            lineStyle : {          // 直线指示器样式设置
 
                color: '#48b',
 
                width: 2,
 
                type: 'solid'
 
            },
 
            shadowStyle : {                       // 阴影指示器样式设置
 
                width: 'auto',                   // 阴影大小
 
                color: 'rgba(150,150,150,0.3)'  // 阴影颜色
 
            }
 
        },
 
        textStyle: {
 
            color: '#fff'
 
        }
 
    },
 
    // 区域缩放控制器
 
    dataZoom: {
 
        orient: 'horizontal',      // 布局方式，默认为水平布局，可选为：
 
                                   // 'horizontal' ¦ 'vertical'
 
        // x: {number},            // 水平安放位置，默认为根据grid参数适配，可选为：
 
                                   // {number}（x坐标，单位px）
 
        // y: {number},            // 垂直安放位置，默认为根据grid参数适配，可选为：
 
                                   // {number}（y坐标，单位px）
 
        // width: {number},        // 指定宽度，横向布局时默认为根据grid参数适配
 
        // height: {number},       // 指定高度，纵向布局时默认为根据grid参数适配
 
        backgroundColor: 'rgba(0,0,0,0)',       // 背景颜色
 
        dataBackgroundColor: '#eee',            // 数据背景颜色
 
        fillerColor: 'rgba(144,197,237,0.2)',   // 填充颜色
 
        handleColor: 'rgba(70,130,180,0.8)'     // 手柄颜色
 
    },
 
    // 网格
 
    grid: {
 
        x: 80,
 
        y: 60,
 
        x2: 80,
 
        y2: 60,
 
        // width: {totalWidth} - x - x2,
 
        // height: {totalHeight} - y - y2,
 
        backgroundColor: 'rgba(0,0,0,0)',
 
        borderWidth: 1,
 
        borderColor: '#ccc'
 
    },
 
    // 类目轴
 
    categoryAxis: {
 
        position: 'bottom',    // 位置
 
        nameLocation: 'end',   // 坐标轴名字位置，支持'start' | 'end'
 
        boundaryGap: true,     // 类目起始和结束两端空白策略
 
        axisLine: {            // 坐标轴线
 
            show: true,        // 默认显示，属性show控制显示与否
 
            lineStyle: {       // 属性lineStyle控制线条样式
 
                color: '#48b',
 
                width: 2,
 
                type: 'solid'
 
            }
 
        },
 
        axisTick: {            // 坐标轴小标记
 
            show: true,       // 属性show控制显示与否，默认不显示
 
            interval: 'auto',
 
            // onGap: null,
 
            inside : false,    // 控制小标记是否在grid里 
            length :5,         // 属性length控制线长
 
            lineStyle: {       // 属性lineStyle控制线条样式
 
                color: '#333',
 
                width: 1
 
            }
 
        },
 
        axisLabel: {           // 坐标轴文本标签，详见axis.axisLabel
 
            show: true,
 
            interval: 'auto',
 
            rotate: 0,
 
            margin: 8,
 
            // formatter: null,
 
            textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
 
                color: '#333'
 
            }
 
        },
 
        splitLine: {           // 分隔线
 
            show: true,        // 默认显示，属性show控制显示与否
 
            // onGap: null,
 
            lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
 
                color: ['#ccc'],
 
                width: 1,
 
                type: 'solid'
 
            }
 
        },
 
        splitArea: {           // 分隔区域
 
            show: false,       // 默认不显示，属性show控制显示与否
 
            // onGap: null,
 
            areaStyle: {       // 属性areaStyle（详见areaStyle）控制区域样式
 
                color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']
 
            }
 
        }
 
    },
 
    // 数值型坐标轴默认参数
 
    valueAxis: {
 
        position: 'left',      // 位置
 
        nameLocation: 'end',   // 坐标轴名字位置，支持'start' | 'end'
 
        nameTextStyle: {},     // 坐标轴文字样式，默认取全局样式
 
        boundaryGap: [0, 0],   // 数值起始和结束两端空白策略
 
        splitNumber: 5,        // 分割段数，默认为5
 
        axisLine: {            // 坐标轴线
 
            show: true,        // 默认显示，属性show控制显示与否
 
            lineStyle: {       // 属性lineStyle控制线条样式
 
                color: '#48b',
 
                width: 2,
 
                type: 'solid'
 
            }
 
        },
 
        axisTick: {            // 坐标轴小标记
 
            show: false,       // 属性show控制显示与否，默认不显示
 
            inside : false,    // 控制小标记是否在grid里 
            length :5,         // 属性length控制线长
 
            lineStyle: {       // 属性lineStyle控制线条样式
 
                color: '#333',
 
                width: 1
 
            }
 
        },
 
        axisLabel: {           // 坐标轴文本标签，详见axis.axisLabel
 
            show: true,
 
            rotate: 0,
 
            margin: 8,
 
            // formatter: null,
 
            textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
 
                color: '#333'
 
            }
 
        },
 
        splitLine: {           // 分隔线
 
            show: true,        // 默认显示，属性show控制显示与否
 
            lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
 
                color: ['#ccc'],
 
                width: 1,
 
                type: 'solid'
 
            }
 
        },
 
        splitArea: {           // 分隔区域
 
            show: false,       // 默认不显示，属性show控制显示与否
 
            areaStyle: {       // 属性areaStyle（详见areaStyle）控制区域样式
 
                color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']
 
            }
 
        }
 
    },
 
    polar : {
 
        center : ['50%', '50%'],    // 默认全局居中
 
        radius : '75%',
 
        startAngle : 90,
 
        splitNumber : 5,
 
        name : {
 
            show: true,
 
            textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
 
                color: '#333'
 
            }
 
        },
 
        axisLine: {            // 坐标轴线
 
            show: true,        // 默认显示，属性show控制显示与否
 
            lineStyle: {       // 属性lineStyle控制线条样式
 
                color: '#ccc',
 
                width: 1,
 
                type: 'solid'
 
            }
 
        },
 
        axisLabel: {           // 坐标轴文本标签，详见axis.axisLabel
 
            show: false,
 
            textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
 
                color: '#333'
 
            }
 
        },
 
        splitArea : {
 
            show : true,
 
            areaStyle : {
 
                color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']
 
            }
 
        },
 
        splitLine : {
 
            show : true,
 
            lineStyle : {
 
                width : 1,
 
                color : '#ccc'
 
            }
 
        }
 
    },
 
    // 柱形图默认参数
 
    bar: {
 
        barMinHeight: 0,          // 最小高度改为0
 
        // barWidth: null,        // 默认自适应
 
        barGap: '30%',            // 柱间距离，默认为柱形宽度的30%，可设固定值
 
        barCategoryGap : '20%',   // 类目间柱形距离，默认为类目间距的20%，可设固定值
 
        itemStyle: {
 
            normal: {
 
                // color: '各异',
 
                barBorderColor: '#fff',       // 柱条边线
 
                barBorderRadius: 0,           // 柱条边线圆角，单位px，默认为0
 
                barBorderWidth: 1,            // 柱条边线线宽，单位px，默认为1
 
                label: {
 
                    show: false
 
                    // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
 
                    //           'inside'|'left'|'right'|'top'|'bottom'
 
                    // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
 
                }
 
            },
 
            emphasis: {
 
                // color: '各异',
 
                barBorderColor: 'rgba(0,0,0,0)',   // 柱条边线
 
                barBorderRadius: 0,                // 柱条边线圆角，单位px，默认为0
 
                barBorderWidth: 1,                 // 柱条边线线宽，单位px，默认为1
 
                label: {
 
                    show: false
 
                    // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
 
                    //           'inside'|'left'|'right'|'top'|'bottom'
 
                    // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
 
                }
 
            }
 
        }
 
    },
 
    // 折线图默认参数
 
    line: {
 
        itemStyle: {
 
            normal: {
 
                // color: 各异,
 
                label: {
 
                    show: false
 
                    // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
 
                    //           'inside'|'left'|'right'|'top'|'bottom'
 
                    // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
 
                },
 
                lineStyle: {
 
                    width: 2,
 
                    type: 'solid',
 
                    shadowColor : 'rgba(0,0,0,0)', //默认透明
 
                    shadowBlur: 5,
 
                    shadowOffsetX: 3,
 
                    shadowOffsetY: 3
 
                }
 
            },
 
            emphasis: {
 
                // color: 各异,
 
                label: {
 
                    show: false
 
                    // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
 
                    //           'inside'|'left'|'right'|'top'|'bottom'
 
                    // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
 
                }
 
            }
 
        },
 
        //smooth : false,
 
        //symbol: null,         // 拐点图形类型
 
        symbolSize: 2,          // 拐点图形大小
 
        //symbolRotate : null,  // 拐点图形旋转控制
 
        showAllSymbol: false    // 标志图形默认只有主轴显示（随主轴标签间隔隐藏策略）
 
    },
 
    
    // K线图默认参数
 
    k: {
 
        // barWidth : null          // 默认自适应
 
        // barMaxWidth : null       // 默认自适应 
        itemStyle: {
 
            normal: {
 
                color: '#fff',          // 阳线填充颜色
 
                color0: '#00aa11',      // 阴线填充颜色
 
                lineStyle: {
 
                    width: 1,
 
                    color: '#ff3200',   // 阳线边框颜色
 
                    color0: '#00aa11'   // 阴线边框颜色
 
                }
 
            },
 
            emphasis: {
 
                // color: 各异,
 
                // color0: 各异
 
            }
 
        }
 
    },
 
    
    // 散点图默认参数
 
    scatter: {
 
        //symbol: null,      // 图形类型
 
        symbolSize: 4,       // 图形大小，半宽（半径）参数，当图形为方向或菱形则总宽度为symbolSize * 2
 
        //symbolRotate : null,  // 图形旋转控制
 
        large: false,        // 大规模散点图
 
        largeThreshold: 2000,// 大规模阀值，large为true且数据量>largeThreshold才启用大规模模式
 
        itemStyle: {
 
            normal: {
 
                // color: 各异,
 
                label: {
 
                    show: false
 
                    // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
 
                    //           'inside'|'left'|'right'|'top'|'bottom'
 
                    // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
 
                }
 
            },
 
            emphasis: {
 
                // color: '各异'
 
                label: {
 
                    show: false
 
                    // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
 
                    //           'inside'|'left'|'right'|'top'|'bottom'
 
                    // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
 
                }
 
            }
 
        }
 
    },
 
    // 雷达图默认参数
 
    radar : {
 
        itemStyle: {
 
            normal: {
 
                // color: 各异,
 
                label: {
 
                    show: false
 
                },
 
                lineStyle: {
 
                    width: 2,
 
                    type: 'solid'
 
                }
 
            },
 
            emphasis: {
 
                // color: 各异,
 
                label: {
 
                    show: false
 
                }
 
            }
 
        },
 
        //symbol: null,         // 拐点图形类型
 
        symbolSize: 2           // 可计算特性参数，空数据拖拽提示图形大小
 
        //symbolRotate : null,  // 图形旋转控制
 
    },
 
    // 饼图默认参数
 
    pie: {
 
        center : ['50%', '50%'],    // 默认全局居中
 
        radius : [0, '75%'],
 
        clockWise : false,          // 默认逆时针
 
        startAngle: 90,
 
        minAngle: 0,                // 最小角度改为0
 
        selectedOffset: 10,         // 选中是扇区偏移量
 
        itemStyle: {
 
            normal: {
 
                // color: 各异,
 
                borderColor: '#fff',
 
                borderWidth: 1,
 
                label: {
 
                    show: true,
 
                    position: 'outer'
 
                    // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
 
                },
 
                labelLine: {
 
                    show: true,
 
                    length: 20,
 
                    lineStyle: {
 
                        // color: 各异,
 
                        width: 1,
 
                        type: 'solid'
 
                    }
 
                }
 
            },
 
            emphasis: {
 
                // color: 各异,
 
                borderColor: 'rgba(0,0,0,0)',
 
                borderWidth: 1,
 
                label: {
 
                    show: false
 
                    // position: 'outer'
 
                    // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
 
                },
 
                labelLine: {
 
                    show: false,
 
                    length: 20,
 
                    lineStyle: {
 
                        // color: 各异,
 
                        width: 1,
 
                        type: 'solid'
 
                    }
 
                }
 
            }
 
        }
 
    },
 
    
    map: {
 
        mapType: 'china',   // 各省的mapType暂时都用中文
 
        mapLocation: {
 
            x : 'center',
 
            y : 'center'
 
            // width    // 自适应
 
            // height   // 自适应
 
        },
 
        showLegendSymbol : true,       // 显示图例颜色标识（系列标识的小圆点），存在legend时生效
 
        itemStyle: {
 
            normal: {
 
                // color: 各异,
 
                borderColor: '#fff',
 
                borderWidth: 1,
 
                areaStyle: {
 
                    color: '#ccc'//rgba(135,206,250,0.8)
 
                },
 
                label: {
 
                    show: false,
 
                    textStyle: {
 
                        color: 'rgba(139,69,19,1)'
 
                    }
 
                }
 
            },
 
            emphasis: {                 // 也是选中样式
 
                // color: 各异,
 
                borderColor: 'rgba(0,0,0,0)',
 
                borderWidth: 1,
 
                areaStyle: {
 
                    color: 'rgba(255,215,0,0.8)'
 
                },
 
                label: {
 
                    show: false,
 
                    textStyle: {
 
                        color: 'rgba(139,69,19,1)'
 
                    }
 
                }
 
            }
 
        }
 
    },
 
    
    force : {
 
        // 数据map到圆的半径的最小值和最大值
 
        minRadius : 10,
 
        maxRadius : 20,
 
        density : 1.0,
 
        attractiveness : 1.0,
 
        // 初始化的随机大小位置
 
        initSize : 300,
 
        // 向心力因子，越大向心力越大
 
        centripetal : 1,
 
        // 冷却因子
 
        coolDown : 0.99,
 
        // 分类里如果有样式会覆盖节点默认样式
 
        itemStyle: {
 
            normal: {
 
                // color: 各异,
 
                label: {
 
                    show: false
 
                    // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
 
                },
 
                nodeStyle : {
 
                    brushType : 'both',
 
                    color : '#f08c2e',
 
                    strokeColor : '#5182ab'
 
                },
 
                linkStyle : {
 
                    strokeColor : '#5182ab'
 
                }
 
            },
 
            emphasis: {
 
                // color: 各异,
 
                label: {
 
                    show: false
 
                    // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
 
                },
 
                nodeStyle : {},
 
                linkStyle : {}
 
            }
 
        }
 
    },
 
    chord : {
 
        radius : ['65%', '75%'],
 
        center : ['50%', '50%'],
 
        padding : 2,
 
        sort : 'none', // can be 'none', 'ascending', 'descending'
 
        sortSub : 'none', // can be 'none', 'ascending', 'descending'
 
        startAngle : 90,
 
        clockWise : false,
 
        showScale : false,
 
        showScaleText : false,
 
        itemStyle : {
 
            normal : {
 
                label : {
 
                    show : true
 
                    // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
 
                },
 
                lineStyle : {
 
                    width : 0,
 
                    color : '#000'
 
                },
 
                chordStyle : {
 
                    lineStyle : {
 
                        width : 1,
 
                        color : '#666'
 
                    }
 
                }
 
            },
 
            emphasis : {
 
                lineStyle : {
 
                    width : 0,
 
                    color : '#000'
 
                },
 
                chordStyle : {
 
                    lineStyle : {
 
                        width : 2,
 
                        color : '#333'
 
                    }
 
                }
 
            }
 
        }
 
    },
 
    island: {
 
        r: 15,
 
        calculateStep: 0.1  // 滚轮可计算步长 0.1 = 10%
 
    },
 
    
    markPoint : {
 
        symbol: 'pin',         // 标注类型
 
        symbolSize: 10,        // 标注大小，半宽（半径）参数，当图形为方向或菱形则总宽度为symbolSize * 2
 
        //symbolRotate : null, // 标注旋转控制
 
        itemStyle: {
 
            normal: {
 
                // color: 各异，
 
                // borderColor: 各异,     // 标注边线颜色，优先于color 
                borderWidth: 2,            // 标注边线线宽，单位px，默认为1
 
                label: {
 
                    show: true,
 
                    position: 'inside' // 可选为'left'|'right'|'top'|'bottom'
 
                    // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
 
                }
 
            },
 
            emphasis: {
 
                // color: 各异
 
                label: {
 
                    show: true
 
                    // position: 'inside'  // 'left'|'right'|'top'|'bottom'
 
                    // textStyle: null     // 默认使用全局文本样式，详见TEXTSTYLE
 
                }
 
            }
 
        }
 
    },
 
    
    markLine : {
 
        // 标线起始和结束的symbol介绍类型，如果都一样，可以直接传string
 
        symbol: ['circle', 'arrow'],  
        // 标线起始和结束的symbol大小，半宽（半径）参数，当图形为方向或菱形则总宽度为symbolSize * 2
 
        symbolSize: [2, 4],
 
        // 标线起始和结束的symbol旋转控制
 
        //symbolRotate : null,
 
        itemStyle: {
 
            normal: {
 
                // color: 各异,           // 标线主色，线色，symbol主色
 
                // borderColor: 随color,     // 标线symbol边框颜色，优先于color 
                borderWidth: 2,          // 标线symbol边框线宽，单位px，默认为2
 
                label: {
 
                    show: false,
 
                    // 可选为 'start'|'end'|'left'|'right'|'top'|'bottom'
 
                    position: 'inside',  
                    textStyle: {         // 默认使用全局文本样式，详见TEXTSTYLE
 
                        color: '#333'
 
                    }
 
                },
 
                lineStyle: {
 
                    // color: 随borderColor, // 主色，线色，优先级高于borderColor和color
 
                    // width: 随borderWidth, // 优先于borderWidth
 
                    type: 'solid',
 
                    shadowColor : 'rgba(0,0,0,0)', //默认透明
 
                    shadowBlur: 5,
 
                    shadowOffsetX: 3,
 
                    shadowOffsetY: 3
 
                }
 
            },
 
            emphasis: {
 
                // color: 各异
 
                label: {
 
                    show: false
 
                    // position: 'inside' // 'left'|'right'|'top'|'bottom'
 
                    // textStyle: null    // 默认使用全局文本样式，详见TEXTSTYLE
 
                },
 
                lineStyle : {}
 
            }
 
        }
 
    },
 
    textStyle: {
 
        decoration: 'none',
 
        fontFamily: 'Arial, Verdana, sans-serif',
 
        fontFamily2: '微软雅黑',    // IE8- 字体模糊并且不支持不同字体混排，额外指定一份
 
        fontSize: 12,
 
        fontStyle: 'normal',
 
        fontWeight: 'normal'
 
    },
 
    // 默认标志图形类型列表
 
    symbolList : [
 
      'circle', 'rectangle', 'triangle', 'diamond',
 
      'emptyCircle', 'emptyRectangle', 'emptyTriangle', 'emptyDiamond'
 
    ],
 
    loadingText : 'Loading...',
 
    // 可计算特性配置，孤岛，提示颜色
 
    calculable: false,              // 默认关闭可计算特性
 
    calculableColor: 'rgba(255,165,0,0.6)',       // 拖拽提示边框颜色
 
    calculableHolderColor: '#ccc', // 可计算占位提示颜色
 
    nameConnector: ' & ',
 
    valueConnector: ' : ',
 
    animation: true,
 
    animationThreshold: 2500,       // 动画元素阀值，产生的图形原素超过2500不出动画
 
    addDataAnimation: true,         // 动态数据接口是否开启动画效果
 
    animationDuration: 2000,
 
    animationEasing: 'ExponentialOut'    //BounceOut
 
}
 
                </textarea>
 
            </div><!--/.well -->
 
              <div style="margin-top:10px">
 
                  <button class="btn btn-large btn-primary" type="button" onclick="refresh(true)">刷新</button>
 
                  <button class="btn btn-large btn-info" type="button" onclick="saveAsImage()">保存图片</button>
 
              </div>
 
            </div><!--/div sidebar-code-->
 
            
            <div id="graphic" class="col-md-8">
 
                <div class="row-fluid">
 
                    <div class="col-md-12">
 
                        <div md="main" class="chart"></div>
 
                    </div>
 
                </div>
 
                <div class="row-fluid">
 
                    <div class="col-md-6">
 
                        <div md="main" class="chart"></div>
 
                    </div><!--/col-md--->
 
                    <div class="col-md-6">
 
                        <div md="main" class="chart"></div>
 
                    </div><!--/col-md--->
 
                </div>
 
                <div class="row-fluid">
 
                    <div class="col-md-12">
 
                        <div md="main" class="chart"></div>
 
                    </div>
 
                </div>
 
                <div class="row-fluid">
 
                    <div class="col-md-6">
 
                        <div md="main" class="chart"></div>
 
                    </div><!--/col-md--->
 
                    <div class="col-md-6">
 
                        <div md="main" class="chart"></div>
 
                    </div><!--/col-md--->
 
                </div>
 
                <div class="row-fluid">
 
                    <div class="col-md-12">
 
                        <div md="main" class="chart" style="height:600px"></div>
 
                    </div>
 
                </div>
 
                <div class="row-fluid">
 
                    <div class="col-md-6">
 
                        <div md="main" class="chart"></div>
 
                    </div><!--/col-md--->
 
                    <div class="col-md-6">
 
                        <div md="main" class="chart"></div>
 
                    </div><!--/col-md--->
 
                </div>
 
                <div class="row-fluid">
 
                    <div class="col-md-6">
 
                        <div md="main" class="chart"></div>
 
                    </div><!--/col-md--->
 
                    <div class="col-md-6">
 
                        <div md="main" class="chart"></div>
 
                    </div><!--/col-md--->
 
                </div>
 
            </div><!--/col-md--->
 
        </div><!--/row-->
 
        
        </div><!--/.fluid-container-->
 
    <footer id="footer"></footer>
 
    <!-- Le javascript
 
    ================================================== -->
 
    <!-- Placed at the end of the document so the pages load faster -->
 
    <script src="../asset/js/jquery.min.js"></script>
 
    <script type="text/javascript" src="../asset/js/echartsHome.js"></script>
 
    <script src="../asset/js/bootstrap.min.js"></script>
 
    <script src="../asset/js/echartsThemeDesigner.js"></script>
 
</body>
 
</html>

+ 121 - 0
patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/timelineOption.js
Zobraziť súbor 

@ -0,0 +1,121 @@
 
var dataMap = {};
 
function dataFormatter(obj) {
 
    var pList = ['北京','天津','河北','山西','内蒙古','辽宁','吉林','黑龙江','上海','江苏','浙江','安徽','福建','江西','山东','河南','湖北','湖南','广东','广西','海南','重庆','四川','贵州','云南','西藏','陕西','甘肃','青海','宁夏','新疆'];
 
    var temp;
 
    var max = 0;
 
    for (var year = 2002; year <= 2011; year++) {
 
        temp = obj[year];
 
        for (var i = 0, l = temp.length; i < l; i++) {
 
            max = Math.max(max, temp[i]);
 
            obj[year][i] = {
 
                name : pList[i],
 
                value : temp[i]
 
            }
 
        }
 
        obj[year+'max'] = Math.floor(max/100) * 100;
 
    }
 
    return obj;
 
}
 
function dataMix(list) {
 
    var mixData = {};
 
    for (var i = 0, l = list.length; i < l; i++) {
 
        for (var key in list[i]) {
 
            if (list[i][key] instanceof Array) {
 
                mixData[key] = mixData[key] || [];
 
                for (var j = 0, k = list[i][key].length; j < k; j++) {
 
                    mixData[key][j] = mixData[key][j] 
                                      || {name : list[i][key][j].name, value : []};
 
                    mixData[key][j].value.push(list[i][key][j].value);
 
                }
 
            }
 
        }
 
    }
 
    return mixData;
 
}
 
dataMap.dataGDP = dataFormatter({
 
    //max : 60000,
 
    2011:[16251.93,11307.28,24515.76,11237.55,14359.88,22226.7,10568.83,12582,19195.69,49110.27,32318.85,15300.65,17560.18,11702.82,45361.85,26931.03,19632.26,19669.56,53210.28,11720.87,2522.66,10011.37,21026.68,5701.84,8893.12,605.83,12512.3,5020.37,1670.44,2102.21,6610.05],
 
    2010:[14113.58,9224.46,20394.26,9200.86,11672,18457.27,8667.58,10368.6,17165.98,41425.48,27722.31,12359.33,14737.12,9451.26,39169.92,23092.36,15967.61,16037.96,46013.06,9569.85,2064.5,7925.58,17185.48,4602.16,7224.18,507.46,10123.48,4120.75,1350.43,1689.65,5437.47],
 
    2009:[12153.03,7521.85,17235.48,7358.31,9740.25,15212.49,7278.75,8587,15046.45,34457.3,22990.35,10062.82,12236.53,7655.18,33896.65,19480.46,12961.1,13059.69,39482.56,7759.16,1654.21,6530.01,14151.28,3912.68,6169.75,441.36,8169.8,3387.56,1081.27,1353.31,4277.05],
 
    2008:[11115,6719.01,16011.97,7315.4,8496.2,13668.58,6426.1,8314.37,14069.87,30981.98,21462.69,8851.66,10823.01,6971.05,30933.28,18018.53,11328.92,11555,36796.71,7021,1503.06,5793.66,12601.23,3561.56,5692.12,394.85,7314.58,3166.82,1018.62,1203.92,4183.21],
 
    2007:[9846.81,5252.76,13607.32,6024.45,6423.18,11164.3,5284.69,7104,12494.01,26018.48,18753.73,7360.92,9248.53,5800.25,25776.91,15012.46,9333.4,9439.6,31777.01,5823.41,1254.17,4676.13,10562.39,2884.11,4772.52,341.43,5757.29,2703.98,797.35,919.11,3523.16],
 
    2006:[8117.78,4462.74,11467.6,4878.61,4944.25,9304.52,4275.12,6211.8,10572.24,21742.05,15718.47,6112.5,7583.85,4820.53,21900.19,12362.79,7617.47,7688.67,26587.76,4746.16,1065.67,3907.23,8690.24,2338.98,3988.14,290.76,4743.61,2277.35,648.5,725.9,3045.26],
 
    2005:[6969.52,3905.64,10012.11,4230.53,3905.03,8047.26,3620.27,5513.7,9247.66,18598.69,13417.68,5350.17,6554.69,4056.76,18366.87,10587.42,6590.19,6596.1,22557.37,3984.1,918.75,3467.72,7385.1,2005.42,3462.73,248.8,3933.72,1933.98,543.32,612.61,2604.19],
 
    2004:[6033.21,3110.97,8477.63,3571.37,3041.07,6672,3122.01,4750.6,8072.83,15003.6,11648.7,4759.3,5763.35,3456.7,15021.84,8553.79,5633.24,5641.94,18864.62,3433.5,819.66,3034.58,6379.63,1677.8,3081.91,220.34,3175.58,1688.49,466.1,537.11,2209.09],
 
    2003:[5007.21,2578.03,6921.29,2855.23,2388.38,6002.54,2662.08,4057.4,6694.23,12442.87,9705.02,3923.11,4983.67,2807.41,12078.15,6867.7,4757.45,4659.99,15844.64,2821.11,713.96,2555.72,5333.09,1426.34,2556.02,185.09,2587.72,1399.83,390.2,445.36,1886.35],
 
    2002:[4315,2150.76,6018.28,2324.8,1940.94,5458.22,2348.54,3637.2,5741.03,10606.85,8003.67,3519.72,4467.55,2450.48,10275.5,6035.48,4212.82,4151.54,13502.42,2523.73,642.73,2232.86,4725.01,1243.43,2312.82,162.04,2253.39,1232.03,340.65,377.16,1612.6]
 
});
 
dataMap.dataPI = dataFormatter({
 
    //max : 4000,
 
    2011:[136.27,159.72,2905.73,641.42,1306.3,1915.57,1277.44,1701.5,124.94,3064.78,1583.04,2015.31,1612.24,1391.07,3973.85,3512.24,2569.3,2768.03,2665.2,2047.23,659.23,844.52,2983.51,726.22,1411.01,74.47,1220.9,678.75,155.08,184.14,1139.03],
 
    2010:[124.36,145.58,2562.81,554.48,1095.28,1631.08,1050.15,1302.9,114.15,2540.1,1360.56,1729.02,1363.67,1206.98,3588.28,3258.09,2147,2325.5,2286.98,1675.06,539.83,685.38,2482.89,625.03,1108.38,68.72,988.45,599.28,134.92,159.29,1078.63],
 
    2009:[118.29,128.85,2207.34,477.59,929.6,1414.9,980.57,1154.33,113.82,2261.86,1163.08,1495.45,1182.74,1098.66,3226.64,2769.05,1795.9,1969.69,2010.27,1458.49,462.19,606.8,2240.61,550.27,1067.6,63.88,789.64,497.05,107.4,127.25,759.74],
 
    2008:[112.83,122.58,2034.59,313.58,907.95,1302.02,916.72,1088.94,111.8,2100.11,1095.96,1418.09,1158.17,1060.38,3002.65,2658.78,1780,1892.4,1973.05,1453.75,436.04,575.4,2216.15,539.19,1020.56,60.62,753.72,462.27,105.57,118.94,691.07],
 
    2007:[101.26,110.19,1804.72,311.97,762.1,1133.42,783.8,915.38,101.84,1816.31,986.02,1200.18,1002.11,905.77,2509.14,2217.66,1378,1626.48,1695.57,1241.35,361.07,482.39,2032,446.38,837.35,54.89,592.63,387.55,83.41,97.89,628.72],
 
    2006:[88.8,103.35,1461.81,276.77,634.94,939.43,672.76,750.14,93.81,1545.05,925.1,1011.03,865.98,786.14,2138.9,1916.74,1140.41,1272.2,1532.17,1032.47,323.48,386.38,1595.48,382.06,724.4,50.9,484.81,334,67.55,79.54,527.8],
 
    2005:[88.68,112.38,1400,262.42,589.56,882.41,625.61,684.6,90.26,1461.51,892.83,966.5,827.36,727.37,1963.51,1892.01,1082.13,1100.65,1428.27,912.5,300.75,463.4,1481.14,368.94,661.69,48.04,435.77,308.06,65.34,72.07,509.99],
 
    2004:[87.36,105.28,1370.43,276.3,522.8,798.43,568.69,605.79,83.45,1367.58,814.1,950.5,786.84,664.5,1778.45,1649.29,1020.09,1022.45,1248.59,817.88,278.76,428.05,1379.93,334.5,607.75,44.3,387.88,286.78,60.7,65.33,461.26],
 
    2003:[84.11,89.91,1064.05,215.19,420.1,615.8,488.23,504.8,81.02,1162.45,717.85,749.4,692.94,560,1480.67,1198.7,798.35,886.47,1072.91,658.78,244.29,339.06,1128.61,298.69,494.6,40.7,302.66,237.91,48.47,55.63,412.9],
 
    2002:[82.44,84.21,956.84,197.8,374.69,590.2,446.17,474.2,79.68,1110.44,685.2,783.66,664.78,535.98,1390,1288.36,707,847.25,1015.08,601.99,222.89,317.87,1047.95,281.1,463.44,39.75,282.21,215.51,47.31,52.95,305]
 
});
 
dataMap.dataSI = dataFormatter({
 
    //max : 26600,
 
    2011:[3752.48,5928.32,13126.86,6635.26,8037.69,12152.15,5611.48,5962.41,7927.89,25203.28,16555.58,8309.38,9069.2,6390.55,24017.11,15427.08,9815.94,9361.99,26447.38,5675.32,714.5,5543.04,11029.13,2194.33,3780.32,208.79,6935.59,2377.83,975.18,1056.15,3225.9],
 
    2010:[3388.38,4840.23,10707.68,5234,6367.69,9976.82,4506.31,5025.15,7218.32,21753.93,14297.93,6436.62,7522.83,5122.88,21238.49,13226.38,7767.24,7343.19,23014.53,4511.68,571,4359.12,8672.18,1800.06,3223.49,163.92,5446.1,1984.97,744.63,827.91,2592.15],
 
    2009:[2855.55,3987.84,8959.83,3993.8,5114,7906.34,3541.92,4060.72,6001.78,18566.37,11908.49,4905.22,6005.3,3919.45,18901.83,11010.5,6038.08,5687.19,19419.7,3381.54,443.43,3448.77,6711.87,1476.62,2582.53,136.63,4236.42,1527.24,575.33,662.32,1929.59],
 
    2008:[2626.41,3709.78,8701.34,4242.36,4376.19,7158.84,3097.12,4319.75,6085.84,16993.34,11567.42,4198.93,5318.44,3554.81,17571.98,10259.99,5082.07,5028.93,18502.2,3037.74,423.55,3057.78,5823.39,1370.03,2452.75,115.56,3861.12,1470.34,557.12,609.98,2070.76],
 
    2007:[2509.4,2892.53,7201.88,3454.49,3193.67,5544.14,2475.45,3695.58,5571.06,14471.26,10154.25,3370.96,4476.42,2975.53,14647.53,8282.83,4143.06,3977.72,16004.61,2425.29,364.26,2368.53,4648.79,1124.79,2038.39,98.48,2986.46,1279.32,419.03,455.04,1647.55],
 
    2006:[2191.43,2457.08,6110.43,2755.66,2374.96,4566.83,1915.29,3365.31,4969.95,12282.89,8511.51,2711.18,3695.04,2419.74,12574.03,6724.61,3365.08,3187.05,13469.77,1878.56,308.62,1871.65,3775.14,967.54,1705.83,80.1,2452.44,1043.19,331.91,351.58,1459.3],
 
    2005:[2026.51,2135.07,5271.57,2357.04,1773.21,3869.4,1580.83,2971.68,4381.2,10524.96,7164.75,2245.9,3175.92,1917.47,10478.62,5514.14,2852.12,2612.57,11356.6,1510.68,240.83,1564,3067.23,821.16,1426.42,63.52,1951.36,838.56,264.61,281.05,1164.79],
 
    2004:[1853.58,1685.93,4301.73,1919.4,1248.27,3061.62,1329.68,2487.04,3892.12,8437.99,6250.38,1844.9,2770.49,1566.4,8478.69,4182.1,2320.6,2190.54,9280.73,1253.7,205.6,1376.91,2489.4,681.5,1281.63,52.74,1553.1,713.3,211.7,244.05,914.47],
 
    2003:[1487.15,1337.31,3417.56,1463.38,967.49,2898.89,1098.37,2084.7,3209.02,6787.11,5096.38,1535.29,2340.82,1204.33,6485.05,3310.14,1956.02,1777.74,7592.78,984.08,175.82,1135.31,2014.8,569.37,1047.66,47.64,1221.17,572.02,171.92,194.27,719.54],
 
    2002:[1249.99,1069.08,2911.69,1134.31,754.78,2609.85,943.49,1843.6,2622.45,5604.49,4090.48,1337.04,2036.97,941.77,5184.98,2768.75,1709.89,1523.5,6143.4,846.89,148.88,958.87,1733.38,481.96,934.88,32.72,1007.56,501.69,144.51,153.06,603.15]
 
});
 
dataMap.dataTI = dataFormatter({
 
    //max : 25000,
 
    2011:[12363.18,5219.24,8483.17,3960.87,5015.89,8158.98,3679.91,4918.09,11142.86,20842.21,14180.23,4975.96,6878.74,3921.2,17370.89,7991.72,7247.02,7539.54,24097.7,3998.33,1148.93,3623.81,7014.04,2781.29,3701.79,322.57,4355.81,1963.79,540.18,861.92,2245.12],
 
    2010:[10600.84,4238.65,7123.77,3412.38,4209.03,6849.37,3111.12,4040.55,9833.51,17131.45,12063.82,4193.69,5850.62,3121.4,14343.14,6607.89,6053.37,6369.27,20711.55,3383.11,953.67,2881.08,6030.41,2177.07,2892.31,274.82,3688.93,1536.5,470.88,702.45,1766.69],
 
    2009:[9179.19,3405.16,6068.31,2886.92,3696.65,5891.25,2756.26,3371.95,8930.85,13629.07,9918.78,3662.15,5048.49,2637.07,11768.18,5700.91,5127.12,5402.81,18052.59,2919.13,748.59,2474.44,5198.8,1885.79,2519.62,240.85,3143.74,1363.27,398.54,563.74,1587.72],
 
    2008:[8375.76,2886.65,5276.04,2759.46,3212.06,5207.72,2412.26,2905.68,7872.23,11888.53,8799.31,3234.64,4346.4,2355.86,10358.64,5099.76,4466.85,4633.67,16321.46,2529.51,643.47,2160.48,4561.69,1652.34,2218.81,218.67,2699.74,1234.21,355.93,475,1421.38],
 
    2007:[7236.15,2250.04,4600.72,2257.99,2467.41,4486.74,2025.44,2493.04,6821.11,9730.91,7613.46,2789.78,3770,1918.95,8620.24,4511.97,3812.34,3835.4,14076.83,2156.76,528.84,1825.21,3881.6,1312.94,1896.78,188.06,2178.2,1037.11,294.91,366.18,1246.89],
 
    2006:[5837.55,1902.31,3895.36,1846.18,1934.35,3798.26,1687.07,2096.35,5508.48,7914.11,6281.86,2390.29,3022.83,1614.65,7187.26,3721.44,3111.98,3229.42,11585.82,1835.12,433.57,1649.2,3319.62,989.38,1557.91,159.76,1806.36,900.16,249.04,294.78,1058.16],
 
    2005:[4854.33,1658.19,3340.54,1611.07,1542.26,3295.45,1413.83,1857.42,4776.2,6612.22,5360.1,2137.77,2551.41,1411.92,5924.74,3181.27,2655.94,2882.88,9772.5,1560.92,377.17,1440.32,2836.73,815.32,1374.62,137.24,1546.59,787.36,213.37,259.49,929.41],
 
    2004:[4092.27,1319.76,2805.47,1375.67,1270,2811.95,1223.64,1657.77,4097.26,5198.03,4584.22,1963.9,2206.02,1225.8,4764.7,2722.4,2292.55,2428.95,8335.3,1361.92,335.3,1229.62,2510.3,661.8,1192.53,123.3,1234.6,688.41,193.7,227.73,833.36],
 
    2003:[3435.95,1150.81,2439.68,1176.65,1000.79,2487.85,1075.48,1467.9,3404.19,4493.31,3890.79,1638.42,1949.91,1043.08,4112.43,2358.86,2003.08,1995.78,7178.94,1178.25,293.85,1081.35,2189.68,558.28,1013.76,96.76,1063.89,589.91,169.81,195.46,753.91],
 
    2002:[2982.57,997.47,2149.75,992.69,811.47,2258.17,958.88,1319.4,3038.9,3891.92,3227.99,1399.02,1765.8,972.73,3700.52,1978.37,1795.93,1780.79,6343.94,1074.85,270.96,956.12,1943.68,480.37,914.5,89.56,963.62,514.83,148.83,171.14,704.5]
 
});
 
dataMap.dataEstate = dataFormatter({
 
    //max : 3600,
 
    2011:[1074.93,411.46,918.02,224.91,384.76,876.12,238.61,492.1,1019.68,2747.89,1677.13,634.92,911.16,402.51,1838.14,987,634.67,518.04,3321.31,465.68,208.71,396.28,620.62,160.3,222.31,17.44,398.03,134.25,29.05,79.01,176.22],
 
    2010:[1006.52,377.59,697.79,192,309.25,733.37,212.32,391.89,1002.5,2600.95,1618.17,532.17,679.03,340.56,1622.15,773.23,564.41,464.21,2813.95,405.79,188.33,266.38,558.56,139.64,223.45,14.54,315.95,110.02,25.41,60.53,143.44],
 
    2009:[1062.47,308.73,612.4,173.31,286.65,605.27,200.14,301.18,1237.56,2025.39,1316.84,497.94,656.61,305.9,1329.59,622.98,546.11,400.11,2470.63,348.98,121.76,229.09,548.14,136.15,205.14,13.28,239.92,101.37,23.05,47.56,115.23],
 
    2008:[844.59,227.88,513.81,166.04,273.3,500.81,182.7,244.47,939.34,1626.13,1052.03,431.27,506.98,281.96,1104.95,512.42,526.88,340.07,2057.45,282.96,95.6,191.21,453.63,104.81,195.48,15.08,193.27,93.8,19.96,38.85,89.79],
 
    2007:[821.5,183.44,467.97,134.12,191.01,410.43,153.03,225.81,958.06,1365.71,981.42,366.57,511.5,225.96,953.69,447.44,409.65,301.8,2029.77,239.45,67.19,196.06,376.84,93.19,193.59,13.24,153.98,83.52,16.98,29.49,91.28],
 
    2006:[658.3,156.64,397.14,117.01,136.5,318.54,131.01,194.7,773.61,1017.91,794.41,281.98,435.22,184.67,786.51,348.7,294.73,254.81,1722.07,192.2,44.45,158.2,336.2,80.24,165.92,11.92,125.2,73.21,15.17,25.53,68.9],
 
    2005:[493.73,122.67,330.87,106,98.75,256.77,112.29,163.34,715.97,799.73,688.86,231.66,331.8,171.88,664.9,298.19,217.17,215.63,1430.37,165.05,38.2,143.88,286.23,76.38,148.69,10.02,108.62,63.78,14.1,22.97,55.79],
 
    2004:[436.11,106.14,231.08,95.1,73.81,203.1,97.93,137.74,666.3,534.17,587.83,188.28,248.44,167.2,473.27,236.44,204.8,191.5,1103.75,122.52,30.64,129.12,264.3,68.3,116.54,5.8,95.9,56.84,13,20.78,53.55],
 
    2003:[341.88,92.31,185.19,78.73,61.05,188.49,91.99,127.2,487.82,447.47,473.16,162.63,215.84,138.02,418.21,217.58,176.8,186.49,955.66,100.93,25.14,113.69,231.72,59.86,103.79,4.35,83.9,48.09,11.41,16.85,47.84],
 
    2002:[298.02,73.04,140.89,65.83,51.48,130.94,76.11,118.7,384.86,371.09,360.63,139.18,188.09,125.27,371.13,199.31,145.17,165.29,808.16,82.83,21.45,90.48,210.82,53.49,95.68,3.42,77.68,41.52,9.74,13.46,43.04]
 
});
 
dataMap.dataFinancial = dataFormatter({
 
    //max : 3200,
 
    2011:[2215.41,756.5,746.01,519.32,447.46,755.57,207.65,370.78,2277.4,2600.11,2730.29,503.85,862.41,357.44,1640.41,868.2,674.57,501.09,2916.13,445.37,105.24,704.66,868.15,297.27,456.23,31.7,432.11,145.05,62.56,134.18,288.77],
 
    2010:[1863.61,572.99,615.42,448.3,346.44,639.27,190.12,304.59,1950.96,2105.92,2326.58,396.17,767.58,241.49,1361.45,697.68,561.27,463.16,2658.76,384.53,78.12,496.56,654.7,231.51,375.08,27.08,384.75,100.54,54.53,97.87,225.2],
 
    2009:[1603.63,461.2,525.67,361.64,291.1,560.2,180.83,227.54,1804.28,1596.98,1899.33,359.6,612.2,165.1,1044.9,499.92,479.11,402.57,2283.29,336.82,65.73,389.97,524.63,194.44,351.74,23.17,336.21,88.27,45.63,75.54,198.87],
 
    2008:[1519.19,368.1,420.74,290.91,219.09,455.07,147.24,177.43,1414.21,1298.48,1653.45,313.81,497.65,130.57,880.28,413.83,393.05,334.32,1972.4,249.01,47.33,303.01,411.14,151.55,277.66,22.42,287.16,72.49,36.54,64.8,171.97],
 
    2007:[1302.77,288.17,347.65,218.73,148.3,386.34,126.03,155.48,1209.08,1054.25,1251.43,223.85,385.84,101.34,734.9,302.31,337.27,260.14,1705.08,190.73,34.43,247.46,359.11,122.25,168.55,11.51,231.03,61.6,27.67,51.05,149.22],
 
    2006:[982.37,186.87,284.04,169.63,108.21,303.41,100.75,74.17,825.2,653.25,906.37,166.01,243.9,79.75,524.94,219.72,174.99,204.72,899.91,129.14,16.37,213.7,299.5,89.43,143.62,6.44,152.25,50.51,23.69,36.99,99.25],
 
    2005:[840.2,147.4,213.47,135.07,72.52,232.85,83.63,35.03,675.12,492.4,686.32,127.05,186.12,69.55,448.36,181.74,127.32,162.37,661.81,91.93,13.16,185.18,262.26,73.67,130.5,7.57,127.58,44.73,20.36,32.25,80.34],
 
    2004:[713.79,136.97,209.1,110.29,55.89,188.04,77.17,32.2,612.45,440.5,523.49,94.1,171,65.1,343.37,170.82,118.85,118.64,602.68,74,11.56,162.38,236.5,60.3,118.4,5.4,90.1,42.99,19,27.92,70.3],
 
    2003:[635.56,112.79,199.87,118.48,55.89,145.38,73.15,32.2,517.97,392.11,451.54,87.45,150.09,64.31,329.71,165.11,107.31,99.35,534.28,61.59,10.68,147.04,206.24,48.01,105.48,4.74,77.87,42.31,17.98,24.8,64.92],
 
    2002:[561.91,76.86,179.6,124.1,48.39,137.18,75.45,31.6,485.25,368.86,347.53,81.85,138.28,76.51,310.07,158.77,96.95,92.43,454.65,35.86,10.08,134.52,183.13,41.45,102.39,2.81,67.3,42.08,16.75,21.45,52.18]
 
});
 
dataMap.dataGDP_Estate = dataMix([dataMap.dataEstate, dataMap.dataGDP]);

+ 217 - 0
patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/toolbox.html
Zobraziť súbor 

@ -0,0 +1,217 @@
 
<!DOCTYPE html>
 
<html lang="en">
 
<head>
 
    <meta charset="utf-8">
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <meta name="description" content="ECharts">
 
    <meta name="author" content="kener.linfeng@gmail.com">
 
    <title>ECharts · Example</title>
 
    <link rel="shortcut icon" href="../asset/ico/favicon.png">
 
    <link href="../asset/css/font-awesome.min.css" rel="stylesheet">
 
    <link href="../asset/css/bootstrap.css" rel="stylesheet">
 
    <link href="../asset/css/carousel.css" rel="stylesheet">
 
    <link href="../asset/css/echartsHome.css" rel="stylesheet">
 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
    <!--[if lt IE 9]>
 
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
    <![endif]-->
 
    <script src="./www/js/echarts.js"></script>
 
    <script src="../asset/js/codemirror.js"></script>
 
    <script src="../asset/js/javascript.js"></script>
 
    <link href="../asset/css/codemirror.css" rel="stylesheet">
 
    <link href="../asset/css/monokai.css" rel="stylesheet">
 
</head>
 
<body>
 
    <!-- Fixed navbar -->
 
    <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="head"></div>
 
    <div class="container-fluid">
 
        <div class="row-fluid example">
 
            <div id="sidebar-code" class="col-md-4">
 
                <div class="well sidebar-nav">
 
                    <div class="nav-header"><a href="#" onclick="autoResize()" class="glyphicon glyphicon-resize-full" id ="icon-resize" ></a>option</div>
 
                    <textarea id="code" name="code">
 
option = {
 
    tooltip : {
 
        trigger: 'axis'
 
    },
 
    legend: {
 
        data:['最高','最低']
 
    },
 
    toolbox: {
 
        show : true,
 
        orient: 'horizontal',      // 布局方式，默认为水平布局，可选为：
 
                                   // 'horizontal' ¦ 'vertical'
 
        x: 'right',                // 水平安放位置，默认为全图右对齐，可选为：
 
                                   // 'center' ¦ 'left' ¦ 'right'
 
                                   // ¦ {number}（x坐标，单位px）
 
        y: 'top',                  // 垂直安放位置，默认为全图顶端，可选为：
 
                                   // 'top' ¦ 'bottom' ¦ 'center'
 
                                   // ¦ {number}（y坐标，单位px）
 
        color : ['#1e90ff','#22bb22','#4b0082','#d2691e'],
 
        backgroundColor: 'rgba(0,0,0,0)', // 工具箱背景颜色
 
        borderColor: '#ccc',       // 工具箱边框颜色
 
        borderWidth: 0,            // 工具箱边框线宽，单位px，默认为0（无边框）
 
        padding: 5,                // 工具箱内边距，单位px，默认各方向内边距为5，
 
        showTitle: true,
 
        feature : {
 
            mark : {
 
                show : true,
 
                title : {
 
                    mark : '辅助线-开关',
 
                    markUndo : '辅助线-删除',
 
                    markClear : '辅助线-清空'
 
                },
 
                lineStyle : {
 
                    width : 1,
 
                    color : '#1e90ff',
 
                    type : 'dashed'
 
                }
 
            },
 
            dataZoom : {
 
                show : true,
 
                title : {
 
                    dataZoom : '区域缩放',
 
                    dataZoomReset : '区域缩放-后退'
 
                }
 
            },
 
            dataView : {
 
                show : true,
 
                title : '数据视图',
 
                readOnly: true,
 
                lang : ['数据视图', '关闭', '刷新'],
 
                optionToContent: function(opt) {
 
                    var axisData = opt.xAxis[0].data;
 
                    var series = opt.series;
 
                    var table = '<table style="width:100%;text-align:center"><tbody><tr>'
 
                                 + '<td>时间</td>'
 
                                 + '<td>' + series[0].name + '</td>'
 
                                 + '<td>' + series[1].name + '</td>'
 
                                 + '</tr>';
 
                    for (var i = 0, l = axisData.length; i < l; i++) {
 
                        table += '<tr>'
 
                                 + '<td>' + axisData[i] + '</td>'
 
                                 + '<td>' + series[0].data[i] + '</td>'
 
                                 + '<td>' + series[1].data[i] + '</td>'
 
                                 + '</tr>';
 
                    }
 
                    table += '</tbody></table>';
 
                    return table;
 
                }
 
            },
 
            magicType: {
 
                show : true,
 
                title : {
 
                    line : '动态类型切换-折线图',
 
                    bar : '动态类型切换-柱形图',
 
                    stack : '动态类型切换-堆积',
 
                    tiled : '动态类型切换-平铺'
 
                },
 
                type : ['line', 'bar', 'stack', 'tiled']
 
            },
 
            restore : {
 
                show : true,
 
                title : '还原',
 
                color : 'black'
 
            },
 
            saveAsImage : {
 
                show : true,
 
                title : '保存为图片',
 
                type : 'jpeg',
 
                lang : ['点击本地保存'] 
            },
 
            myTool : {
 
                show : true,
 
                title : '自定义扩展方法',
 
                icon : 'image://../asset/ico/favicon.png',
 
                onclick : function (){
 
                    alert('myToolHandler')
 
                }
 
            }
 
        }
 
    },
 
    calculable : true,
 
    dataZoom : {
 
        show : true,
 
        realtime : true,
 
        start : 20,
 
        end : 80
 
    },
 
    xAxis : [
 
        {
 
            type : 'category',
 
            boundaryGap : false,
 
            data : function (){
 
                var list = [];
 
                for (var i = 1; i <= 30; i++) {
 
                    list.push('2013-03-' + i);
 
                }
 
                return list;
 
            }()
 
        }
 
    ],
 
    yAxis : [
 
        {
 
            type : 'value'
 
        }
 
    ],
 
    series : [
 
        {
 
            name:'最高',
 
            type:'line',
 
            data:function (){
 
                var list = [];
 
                for (var i = 1; i <= 30; i++) {
 
                    list.push(Math.round(Math.random()* 30));
 
                }
 
                return list;
 
            }()
 
        },
 
        {
 
            name:'最低',
 
            type:'line',
 
            data:function (){
 
                var list = [];
 
                for (var i = 1; i <= 30; i++) {
 
                    list.push(Math.round(Math.random()* 10));
 
                }
 
                return list;
 
            }()
 
        }
 
    ]
 
};
 
                    </textarea>
 
              </div><!--/.well -->
 
            </div><!--/span-->
 
            <div id="graphic" class="col-md-8">
 
                <div id="main" class="main"></div>
 
                <div>
 
                    <button type="button" class="btn btn-sm btn-success" onclick="refresh(true)">刷 新</button>
 
                    <span class="text-primary">切换主题</span>
 
                    <select id="theme-select"></select>
 
                    <span id='wrong-message' style="color:red"></span>
 
                </div>
 
            </div><!--/span-->
 
        </div><!--/row-->
 
        
        </div><!--/.fluid-container-->
 
    <footer id="footer"></footer>
 
    <!-- Le javascript
 
    ================================================== -->
 
    <!-- Placed at the end of the document so the pages load faster -->
 
    <script src="../asset/js/jquery.min.js"></script>
 
    <script type="text/javascript" src="../asset/js/echartsHome.js"></script>
 
    <script src="../asset/js/bootstrap.min.js"></script>
 
    <script src="../asset/js/echartsExample.js"></script>
 
</body>
 
</html>

+ 178 - 0
patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/tooltip.html
Zobraziť súbor 

@ -0,0 +1,178 @@
 
<!DOCTYPE html>
 
<html lang="en">
 
<head>
 
    <meta charset="utf-8">
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <meta name="description" content="ECharts">
 
    <meta name="author" content="kener.linfeng@gmail.com">
 
    <title>ECharts · Example</title>
 
    <link rel="shortcut icon" href="../asset/ico/favicon.png">
 
    <link href="../asset/css/font-awesome.min.css" rel="stylesheet">
 
    <link href="../asset/css/bootstrap.css" rel="stylesheet">
 
    <link href="../asset/css/carousel.css" rel="stylesheet">
 
    <link href="../asset/css/echartsHome.css" rel="stylesheet">
 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
    <!--[if lt IE 9]>
 
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
    <![endif]-->
 
    <script src="./www/js/echarts.js"></script>
 
    <script src="../asset/js/codemirror.js"></script>
 
    <script src="../asset/js/javascript.js"></script>
 
    <link href="../asset/css/codemirror.css" rel="stylesheet">
 
    <link href="../asset/css/monokai.css" rel="stylesheet">
 
</head>
 
<body>
 
    <!-- Fixed navbar -->
 
    <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="head"></div>
 
    <div class="container-fluid">
 
        <div class="row-fluid example">
 
            <div id="sidebar-code" class="col-md-4">
 
                <div class="well sidebar-nav">
 
                    <div class="nav-header"><a href="#" onclick="autoResize()" class="glyphicon glyphicon-resize-full" id ="icon-resize" ></a>option</div>
 
                    <textarea id="code" name="code">
 
option = {
 
    tooltip : {         // Option config. Can be overwrited by series or data
 
        trigger: 'axis',
 
        //show: true,   //default true
 
        showDelay: 0,
 
        hideDelay: 50,
 
        transitionDuration:0,
 
        backgroundColor : 'rgba(255,0,255,0.7)',
 
        borderColor : '#f50',
 
        borderRadius : 8,
 
        borderWidth: 2,
 
        padding: 10,    // [5, 10, 15, 20]
 
        position : function(p) {
 
            // 位置回调
 
            // console.log && console.log(p);
 
            return [p[0] + 10, p[1] - 10];
 
        },
 
        textStyle : {
 
            color: 'yellow',
 
            decoration: 'none',
 
            fontFamily: 'Verdana, sans-serif',
 
            fontSize: 15,
 
            fontStyle: 'italic',
 
            fontWeight: 'bold'
 
        },
 
        formatter: function (params,ticket,callback) {
 
            console.log(params)
 
            var res = 'Function formatter : <br/>' + params[0].name;
 
            for (var i = 0, l = params.length; i < l; i++) {
 
                res += '<br/>' + params[i].seriesName + ' : ' + params[i].value;
 
            }
 
            setTimeout(function (){
 
                // 仅为了模拟异步回调
 
                callback(ticket, res);
 
            }, 1000)
 
            return 'loading';
 
        }
 
        //formatter: "Template formatter: <br/>{b}<br/>{a}:{c}<br/>{a1}:{c1}"
 
    },
 
    toolbox: {
 
        show : true,
 
        feature : {
 
            mark : {show: true},
 
            dataView : {show: true, readOnly: false},
 
            magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
 
            restore : {show: true},
 
            saveAsImage : {show: true}
 
        }
 
    },
 
    calculable : true,
 
    xAxis : {
 
        data : ['周一','周二','周三','周四','周五','周六','周日']
 
    },
 
    yAxis : {
 
        type : 'value'
 
    },
 
    series : [
 
        {
 
            name:'坐标轴触发1',
 
            type:'bar',
 
            data:[
 
                {value:320, extra:'Hello~'},
 
                332, 301, 334, 390, 330, 320
 
            ]
 
        },
 
        {
 
            name:'坐标轴触发2',
 
            type:'bar',
 
            data:[862, 1018, 964, 1026, 1679, 1600, 157]
 
        },
 
        {
 
            name:'数据项触发1',
 
            type:'bar',
 
            tooltip : {             // Series config.
 
                trigger: 'item',
 
                backgroundColor: 'black',
 
                position : [0, 0],
 
                formatter: "Series formatter: <br/>{a}<br/>{b}:{c}"
 
            },
 
            stack: '数据项',
 
            data:[
 
                120, 132,
 
                {
 
                    value: 301,
 
                    itemStyle: {normal: {color: 'red'}},
 
                    tooltip : {     // Data config.
 
                        backgroundColor: 'blue',
 
                        formatter: "Data formatter: <br/>{a}<br/>{b}:{c}"
 
                    }
 
                },
 
                134, 90,
 
                {
 
                    value: 230,
 
                    tooltip: {show: false}
 
                },
 
                210
 
            ]
 
        },
 
        {
 
            name:'数据项触发2',
 
            type:'bar',
 
            tooltip : {
 
                show : false,
 
                trigger: 'item'
 
            },
 
            stack: '数据项',
 
            data:[150, 232, 201, 154, 190, 330, 410]
 
        }
 
    ]
 
};
 
                    </textarea>
 
              </div><!--/.well -->
 
            </div><!--/span-->
 
            <div id="graphic" class="col-md-8">
 
                <div id="main" class="main"></div>
 
                <div>
 
                    <button type="button" class="btn btn-sm btn-success" onclick="refresh(true)">刷 新</button>
 
                    <span class="text-primary">切换主题</span>
 
                    <select id="theme-select"></select>
 
                    <span id='wrong-message' style="color:red"></span>
 
                </div>
 
            </div><!--/span-->
 
        </div><!--/row-->
 
        
        </div><!--/.fluid-container-->
 
    <footer id="footer"></footer>
 
    <!-- Le javascript
 
    ================================================== -->
 
    <!-- Placed at the end of the document so the pages load faster -->
 
    <script src="../asset/js/jquery.min.js"></script>
 
    <script type="text/javascript" src="../asset/js/echartsHome.js"></script>
 
    <script src="../asset/js/bootstrap.min.js"></script>
 
    <script src="../asset/js/echartsExample.js"></script>
 
</body>
 
</html>

+ 188 - 0
patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/tree.html
Zobraziť súbor 

@ -0,0 +1,188 @@
 
<!DOCTYPE html>
 
<html lang="en">
 
<head>
 
    <meta charset="utf-8">
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <meta name="description" content="ECharts">
 
    <meta name="author" content="kener.linfeng@gmail.com">
 
    <title>ECharts · Example</title>
 
    <link rel="shortcut icon" href="../asset/ico/favicon.png">
 
    <link href="../asset/css/font-awesome.min.css" rel="stylesheet">
 
    <link href="../asset/css/bootstrap.css" rel="stylesheet">
 
    <link href="../asset/css/carousel.css" rel="stylesheet">
 
    <link href="../asset/css/echartsHome.css" rel="stylesheet">
 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
    <!--[if lt IE 9]>
 
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
    <![endif]-->
 
    <script src="./www/js/echarts.js"></script>
 
    <script src="../asset/js/codemirror.js"></script>
 
    <script src="../asset/js/javascript.js"></script>
 
    <link href="../asset/css/codemirror.css" rel="stylesheet">
 
    <link href="../asset/css/monokai.css" rel="stylesheet">
 
</head>
 
<body>
 
    <!-- Fixed navbar -->
 
    <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="head"></div>
 
    <div class="container-fluid">
 
        <div class="row-fluid example">
 
            <div id="sidebar-code" class="col-md-4">
 
                <div class="well sidebar-nav">
 
                    <div class="nav-header"><a href="#" onclick="autoResize()" class="glyphicon glyphicon-resize-full" id ="icon-resize" ></a>option</div>
 
                    <textarea id="code" name="code">
 
option = {
 
    title : {
 
        text: '树图',
 
        subtext: '虚构数据'
 
    },
 
    toolbox: {
 
        show : true,
 
        feature : {
 
            mark : {show: true},
 
            dataView : {show: true, readOnly: false},
 
            restore : {show: true},
 
            saveAsImage : {show: true}
 
        }
 
    },
 
    calculable : false,
 
    series : [
 
        {
 
            name:'树图',
 
            type:'tree',
 
            orient: 'vertical',  // vertical horizontal
 
            rootLocation: {x: 'center',y: 50}, // 根节点位置  {x: 100, y: 'center'}
 
            nodePadding: 1,
 
            itemStyle: {
 
                normal: {
 
                    label: {
 
                        show: false,
 
                        formatter: "{b}"
 
                    },
 
                    lineStyle: {
 
                        color: '#48b',
 
                        shadowColor: '#000',
 
                        shadowBlur: 3,
 
                        shadowOffsetX: 3,
 
                        shadowOffsetY: 5,
 
                        type: 'curve' // 'curve'|'broken'|'solid'|'dotted'|'dashed'
 
                    }
 
                },
 
                emphasis: {
 
                    label: {
 
                        show: true
 
                    }
 
                }
 
            },
 
            
            data: [
 
                {
 
                    name: '根节点',
 
                    value: 6,
 
                    children: [
 
                        {
 
                            name: '节点1',
 
                            value: 4,
 
                            children: [
 
                                {
 
                                    name: '叶子节点1',
 
                                    value: 4
 
                                },
 
                                {
 
                                    name: '叶子节点2',
 
                                    value: 4
 
                                },
 
                                {
 
                                    name: '叶子节点3',
 
                                    value: 2
 
                                },
 
                                 {
 
                                    name: '叶子节点4',
 
                                    value: 2
 
                                },
 
                                {
 
                                    name: '叶子节点5',
 
                                    value: 2
 
                                },
 
                                {
 
                                    name: '叶子节点6',
 
                                    value: 4
 
                                }
 
                            ]
 
                        },
 
                        {
 
                            name: '节点2',
 
                            value: 4,
 
                            children: [{
 
                                name: '叶子节点7',
 
                                value: 4
 
                            },
 
                            {
 
                                name: '叶子节点8',
 
                                value: 4
 
                            }]
 
                        },
 
                        {
 
                            name: '节点3',
 
                            value: 1,
 
                            children: [
 
                                {
 
                                    name: '叶子节点9',
 
                                    value: 4
 
                                },
 
                                {
 
                                    name: '叶子节点10',
 
                                    value: 4
 
                                },
 
                                {
 
                                    name: '叶子节点11',
 
                                    value: 2
 
                                },
 
                                 {
 
                                    name: '叶子节点12',
 
                                    value: 2
 
                                }
 
                            ]
 
                        }
 
                    ]
 
                }
 
            ]
 
        }
 
    ]
 
};
 
                    </textarea>
 
              </div><!--/.well -->
 
            </div><!--/span-->
 
            <div id="graphic" class="col-md-8">
 
                <div id="main" class="main"></div>
 
                <div>
 
                    <button type="button" class="btn btn-sm btn-success" onclick="refresh(true)">刷 新</button>
 
                    <span class="text-primary">切换主题</span>
 
                    <select id="theme-select"></select>
 
                    <span id='wrong-message' style="color:red"></span>
 
                </div>
 
            </div><!--/span-->
 
        </div><!--/row-->
 
        
        </div><!--/.fluid-container-->
 
    <footer id="footer"></footer>
 
    <!-- Le javascript
 
    ================================================== -->
 
    <!-- Placed at the end of the document so the pages load faster -->
 
    <script src="../asset/js/jquery.min.js"></script>
 
    <script type="text/javascript" src="../asset/js/echartsHome.js"></script>
 
    <script src="../asset/js/bootstrap.min.js"></script>
 
    <script src="../asset/js/echartsExample.js"></script>
 
</body>
 
</html>

+ 260 - 0
patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/tree1.html
Zobraziť súbor 

@ -0,0 +1,260 @@
 
<!DOCTYPE html>
 
<html lang="en">
 
<head>
 
    <meta charset="utf-8">
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <meta name="description" content="ECharts">
 
    <meta name="author" content="kener.linfeng@gmail.com">
 
    <title>ECharts · Example</title>
 
    <link rel="shortcut icon" href="../asset/ico/favicon.png">
 
    <link href="../asset/css/font-awesome.min.css" rel="stylesheet">
 
    <link href="../asset/css/bootstrap.css" rel="stylesheet">
 
    <link href="../asset/css/carousel.css" rel="stylesheet">
 
    <link href="../asset/css/echartsHome.css" rel="stylesheet">
 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
    <!--[if lt IE 9]>
 
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
    <![endif]-->
 
    <script src="./www/js/echarts.js"></script>
 
    <script src="../asset/js/codemirror.js"></script>
 
    <script src="../asset/js/javascript.js"></script>
 
    <link href="../asset/css/codemirror.css" rel="stylesheet">
 
    <link href="../asset/css/monokai.css" rel="stylesheet">
 
</head>
 
<body>
 
    <!-- Fixed navbar -->
 
    <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="head"></div>
 
    <div class="container-fluid">
 
        <div class="row-fluid example">
 
            <div id="sidebar-code" class="col-md-4">
 
                <div class="well sidebar-nav">
 
                    <div class="nav-header"><a href="#" onclick="autoResize()" class="glyphicon glyphicon-resize-full" id ="icon-resize" ></a>option</div>
 
                    <textarea id="code" name="code">
 
option = {
 
    title : {
 
        text: '手机品牌',
 
        subtext: '线、节点样式'
 
    },
 
    tooltip : {
 
        trigger: 'item',
 
        formatter: "{b}: {c}"
 
    },
 
    toolbox: {
 
        show : true,
 
        feature : {
 
            mark : {show: true},
 
            dataView : {show: true, readOnly: false},
 
            restore : {show: true},
 
            saveAsImage : {show: true}
 
        }
 
    },
 
    calculable : false,
 
    series : [
 
        {
 
            name:'树图',
 
            type:'tree',
 
            orient: 'horizontal',  // vertical horizontal
 
            rootLocation: {x: 100, y: '60%'}, // 根节点位置  {x: 'center',y: 10}
 
            nodePadding: 20,
 
            symbol: 'circle',
 
            symbolSize: 40,
 
            itemStyle: {
 
                normal: {
 
                    label: {
 
                        show: true,
 
                        position: 'inside',
 
                        textStyle: {
 
                            color: '#cc9999',
 
                            fontSize: 15,
 
                            fontWeight:  'bolder'
 
                        }
 
                    },
 
                    lineStyle: {
 
                        color: '#000',
 
                        width: 1,
 
                        type: 'broken' // 'curve'|'broken'|'solid'|'dotted'|'dashed'
 
                    }
 
                },
 
                emphasis: {
 
                    label: {
 
                        show: true
 
                    }
 
                }
 
            },
 
            data: [
 
                {
 
                    name: '手机',
 
                    value: 6,
 
                    symbolSize: [90, 70],
 
                    symbol: 'image://http://www.iconpng.com/png/ecommerce-business/iphone.png',
 
                    itemStyle: {
 
                        normal: {
 
                            label: {
 
                                show: false
 
                            }
 
                        }
 
                    },
 
                    children: [
 
                        {
 
                            name: '小米',
 
                            value: 4,
 
                            symbol: 'image://http://pic.58pic.com/58pic/12/36/51/66d58PICMUV.jpg',
 
                            itemStyle: {
 
                                normal: {
 
                                    label: {
 
                                        show: false
 
                                    }
 
                                }
 
                            },
 
                            symbolSize: [60, 60],
 
                            children: [
 
                                {
 
                                    name: '小米1',
 
                                    symbol: 'circle',
 
                                    symbolSize: 20,
 
                                    value: 4,
 
                                    itemStyle: {
 
                                        normal: {
 
                                            color: '#fa6900',
 
                                            label: {
 
                                                show: true,
 
                                                position: 'right'
 
                                            },
 
                                            
                                        },
 
                                        emphasis: {
 
                                            label: {
 
                                                show: false
 
                                            },
 
                                            borderWidth: 0
 
                                        }
 
                                    }
 
                                },
 
                                {
 
                                    name: '小米2',
 
                                    value: 4,
 
                                    symbol: 'circle',
 
                                    symbolSize: 20,
 
                                    itemStyle: {
 
                                        normal: {
 
                                            label: {
 
                                                show: true,
 
                                                position: 'right',
 
                                                formatter: "{b}"
 
                                            },
 
                                            color: '#fa6900',
 
                                            borderWidth: 2,
 
                                            borderColor: '#cc66ff'
 
                                        },
 
                                        emphasis: {
 
                                            borderWidth: 0
 
                                        }
 
                                    }
 
                                },
 
                                {
 
                                    name: '小米3',
 
                                    value: 2,
 
                                    symbol: 'circle',
 
                                    symbolSize: 20,
 
                                    itemStyle: {
 
                                        normal: {
 
                                            label: {
 
                                                position: 'right'
 
                                            },
 
                                            color: '#fa6900',
 
                                            brushType: 'stroke',
 
                                            borderWidth: 1,
 
                                            borderColor: '#999966',
 
                                        },
 
                                        emphasis: {
 
                                            borderWidth: 0
 
                                        }
 
                                    }
 
                                }
 
                            ]
 
                        },
 
                        {
 
                            name: '苹果',
 
                            symbol: 'image://http://www.viastreaming.com/images/apple_logo2.png',
 
                            symbolSize: [60, 60],
 
                            itemStyle: {
 
                                normal: {
 
                                    label: {
 
                                        show: false
 
                                    }
 
                                    
                                }
 
                            },
 
                            value: 4
 
                        },
 
                        {
 
                            name: '华为',
 
                            symbol: 'image://http://market.huawei.com/hwgg/logo_cn/download/logo.jpg',
 
                            symbolSize: [60, 60],
 
                            itemStyle: {
 
                                normal: {
 
                                    label: {
 
                                        show: false
 
                                    }
 
                                    
                                }
 
                            },
 
                            value: 2
 
                        },
 
                        {
 
                            name: '联想',
 
                            symbol: 'image://http://www.lenovo.com.cn/HomeUpload/Home001/6d94ee9a20140714.jpg',
 
                            symbolSize: [100, 40],
 
                            itemStyle: {
 
                                normal: {
 
                                    label: {
 
                                        show: false
 
                                    }
 
                                    
                                }
 
                            },
 
                            value: 2
 
                        }
 
                    ]
 
                }
 
            ]
 
        }
 
    ]
 
};
 
                    </textarea>
 
              </div><!--/.well -->
 
            </div><!--/span-->
 
            <div id="graphic" class="col-md-8">
 
                <div id="main" class="main"></div>
 
                <div>
 
                    <button type="button" class="btn btn-sm btn-success" onclick="refresh(true)">刷 新</button>
 
                    <span class="text-primary">切换主题</span>
 
                    <select id="theme-select"></select>
 
                    <span id='wrong-message' style="color:red"></span>
 
                </div>
 
            </div><!--/span-->
 
        </div><!--/row-->
 
        
        </div><!--/.fluid-container-->
 
    <footer id="footer"></footer>
 
    <!-- Le javascript
 
    ================================================== -->
 
    <!-- Placed at the end of the document so the pages load faster -->
 
    <script src="../asset/js/jquery.min.js"></script>
 
    <script type="text/javascript" src="../asset/js/echartsHome.js"></script>
 
    <script src="../asset/js/bootstrap.min.js"></script>
 
    <script src="../asset/js/echartsExample.js"></script>
 
</body>
 
</html>

Rozdielové dáta súboru neboli zobrazené, pretože súbor je príliš veľký
+ 124 - 0
patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/tree2.html


Rozdielové dáta súboru neboli zobrazené, pretože súbor je príliš veľký
+ 125 - 0
patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/tree3.html


+ 362 - 0
patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/tree4.html
Zobraziť súbor 

@ -0,0 +1,362 @@
 
<!DOCTYPE html>
 
<html lang="en">
 
<head>
 
    <meta charset="utf-8">
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <meta name="description" content="ECharts">
 
    <meta name="author" content="kener.linfeng@gmail.com">
 
    <title>ECharts · Example</title>
 
    <link rel="shortcut icon" href="../asset/ico/favicon.png">
 
    <link href="../asset/css/font-awesome.min.css" rel="stylesheet">
 
    <link href="../asset/css/bootstrap.css" rel="stylesheet">
 
    <link href="../asset/css/carousel.css" rel="stylesheet">
 
    <link href="../asset/css/echartsHome.css" rel="stylesheet">
 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
    <!--[if lt IE 9]>
 
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
    <![endif]-->
 
    <script src="./www/js/echarts.js"></script>
 
    <script src="../asset/js/codemirror.js"></script>
 
    <script src="../asset/js/javascript.js"></script>
 
    <link href="../asset/css/codemirror.css" rel="stylesheet">
 
    <link href="../asset/css/monokai.css" rel="stylesheet">
 
</head>
 
<body>
 
    <!-- Fixed navbar -->
 
    <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="head"></div>
 
    <div class="container-fluid">
 
        <div class="row-fluid example">
 
            <div id="sidebar-code" class="col-md-4">
 
                <div class="well sidebar-nav">
 
                    <div class="nav-header"><a href="#" onclick="autoResize()" class="glyphicon glyphicon-resize-full" id ="icon-resize" ></a>option</div>
 
                    <textarea id="code" name="code">
 
option = {
 
    title : {
 
        text: '树图混搭',
 
        subtext: '多个树'
 
    },
 
    tooltip : {
 
        trigger: 'item',
 
        formatter: "{b}: {c}"
 
    },
 
    toolbox: {
 
        show : true,
 
        feature : {
 
            mark : {show: true},
 
            dataView : {show: true, readOnly: false},
 
            restore : {show: true},
 
            saveAsImage : {show: true}
 
        }
 
    },
 
    calculable : false,
 
    series : [
 
        {
 
            name:'树图',
 
            type:'tree',
 
            orient: 'vertical',  // vertical horizontal
 
            rootLocation: {x: '25%' ,y: 50}, // 根节点位置  {x: 100, y: 'center'}
 
            nodePadding: 1,
 
            itemStyle: {
 
                normal: {
 
                    label: {
 
                        show: false,
 
                        formatter: "{b}"
 
                    },
 
                    lineStyle: {
 
                        color: '#48b',
 
                        shadowColor: '#000',
 
                        shadowBlur: 3,
 
                        shadowOffsetX: 3,
 
                        shadowOffsetY: 5,
 
                        type: 'curve' // 'curve'|'broken'|'solid'|'dotted'|'dashed'
 
                    }
 
                },
 
                emphasis: {
 
                    label: {
 
                        show: true
 
                    }
 
                }
 
            },
 
            
            data: [
 
                {
 
                    name: '根节点',
 
                    value: 6,
 
                    children: [
 
                        {
 
                            name: '节点1',
 
                            value: 4,
 
                            children: [
 
                                {
 
                                    name: '叶子节点1',
 
                                    value: 4
 
                                },
 
                                {
 
                                    name: '叶子节点2',
 
                                    value: 4
 
                                },
 
                                {
 
                                    name: '叶子节点3',
 
                                    value: 2
 
                                },
 
                                 {
 
                                    name: '叶子节点4',
 
                                    value: 2
 
                                },
 
                                {
 
                                    name: '叶子节点5',
 
                                    value: 2
 
                                },
 
                                {
 
                                    name: '叶子节点6',
 
                                    value: 4
 
                                }
 
                            ]
 
                        },
 
                        {
 
                            name: '节点2',
 
                            value: 4,
 
                            children: [{
 
                                name: '叶子节点7',
 
                                value: 4
 
                            },
 
                            {
 
                                name: '叶子节点8',
 
                                value: 4
 
                            }]
 
                        },
 
                        {
 
                            name: '节点3',
 
                            value: 1,
 
                            children: [
 
                                {
 
                                    name: '叶子节点9',
 
                                    value: 4
 
                                },
 
                                {
 
                                    name: '叶子节点10',
 
                                    value: 4
 
                                },
 
                                {
 
                                    name: '叶子节点11',
 
                                    value: 2
 
                                },
 
                                 {
 
                                    name: '叶子节点12',
 
                                    value: 2
 
                                }
 
                            ]
 
                        }
 
                    ]
 
                }
 
            ]
 
        },
 
        {
 
            name:'树图',
 
            type:'tree',
 
            orient: 'horizontal',  // vertical horizontal
 
            rootLocation: {x: '45%', y: '60%'}, // 根节点位置  {x: 'center',y: 10}
 
            nodePadding: 20,
 
            symbol: 'circle',
 
            symbolSize: 40,
 
            itemStyle: {
 
                normal: {
 
                    label: {
 
                        show: true,
 
                        position: 'inside',
 
                        textStyle: {
 
                            color: '#cc9999',
 
                            fontSize: 15,
 
                            fontWeight:  'bolder'
 
                        }
 
                    },
 
                    lineStyle: {
 
                        color: '#000',
 
                        width: 1,
 
                        type: 'broken' // 'curve'|'broken'|'solid'|'dotted'|'dashed'
 
                    }
 
                },
 
                emphasis: {
 
                    label: {
 
                        show: true
 
                    }
 
                }
 
            },
 
            data: [
 
                {
 
                    name: '手机',
 
                    value: 6,
 
                    symbolSize: [90, 70],
 
                    symbol: 'image://http://www.iconpng.com/png/ecommerce-business/iphone.png',
 
                    itemStyle: {
 
                        normal: {
 
                            label: {
 
                                show: false
 
                            }
 
                        }
 
                    },
 
                    children: [
 
                        {
 
                            name: '小米',
 
                            value: 4,
 
                            symbol: 'image://http://pic.58pic.com/58pic/12/36/51/66d58PICMUV.jpg',
 
                            itemStyle: {
 
                                normal: {
 
                                    label: {
 
                                        show: false
 
                                    }
 
                                }
 
                            },
 
                            symbolSize: [60, 60],
 
                            children: [
 
                                {
 
                                    name: '小米1',
 
                                    symbol: 'circle',
 
                                    symbolSize: 20,
 
                                    value: 4,
 
                                    itemStyle: {
 
                                        normal: {
 
                                            color: '#fa6900',
 
                                            label: {
 
                                                show: true,
 
                                                position: 'right'
 
                                            },
 
                                            
                                        },
 
                                        emphasis: {
 
                                            label: {
 
                                                show: false
 
                                            },
 
                                            borderWidth: 0
 
                                        }
 
                                    }
 
                                },
 
                                {
 
                                    name: '小米2',
 
                                    value: 4,
 
                                    symbol: 'circle',
 
                                    symbolSize: 20,
 
                                    itemStyle: {
 
                                        normal: {
 
                                            label: {
 
                                                show: true,
 
                                                position: 'right',
 
                                                formatter: "{b}"
 
                                            },
 
                                            color: '#fa6900',
 
                                            borderWidth: 2,
 
                                            borderColor: '#cc66ff'
 
                                        },
 
                                        emphasis: {
 
                                            borderWidth: 0
 
                                        }
 
                                    }
 
                                },
 
                                {
 
                                    name: '小米3',
 
                                    value: 2,
 
                                    symbol: 'circle',
 
                                    symbolSize: 20,
 
                                    itemStyle: {
 
                                        normal: {
 
                                            label: {
 
                                                position: 'right'
 
                                            },
 
                                            color: '#fa6900',
 
                                            brushType: 'stroke',
 
                                            borderWidth: 1,
 
                                            borderColor: '#999966',
 
                                        },
 
                                        emphasis: {
 
                                            borderWidth: 0
 
                                        }
 
                                    }
 
                                }
 
                            ]
 
                        },
 
                        {
 
                            name: '苹果',
 
                            symbol: 'image://http://www.viastreaming.com/images/apple_logo2.png',
 
                            symbolSize: [60, 60],
 
                            itemStyle: {
 
                                normal: {
 
                                    label: {
 
                                        show: false
 
                                    }
 
                                    
                                }
 
                            },
 
                            value: 4
 
                        },
 
                        {
 
                            name: '华为',
 
                            symbol: 'image://http://market.huawei.com/hwgg/logo_cn/download/logo.jpg',
 
                            symbolSize: [60, 60],
 
                            itemStyle: {
 
                                normal: {
 
                                    label: {
 
                                        show: false
 
                                    }
 
                                    
                                }
 
                            },
 
                            value: 2
 
                        },
 
                        {
 
                            name: '联想',
 
                            symbol: 'image://http://www.lenovo.com.cn/HomeUpload/Home001/6d94ee9a20140714.jpg',
 
                            symbolSize: [100, 40],
 
                            itemStyle: {
 
                                normal: {
 
                                    label: {
 
                                        show: false
 
                                    }
 
                                    
                                }
 
                            },
 
                            value: 2
 
                        }
 
                    ]
 
                }
 
            ]
 
        }
 
    ]
 
};
 
                    </textarea>
 
              </div><!--/.well -->
 
            </div><!--/span-->
 
            <div id="graphic" class="col-md-8">
 
                <div id="main" class="main"></div>
 
                <div>
 
                    <button type="button" class="btn btn-sm btn-success" onclick="refresh(true)">刷 新</button>
 
                    <span class="text-primary">切换主题</span>
 
                    <select id="theme-select"></select>
 
                    <span id='wrong-message' style="color:red"></span>
 
                </div>
 
            </div><!--/span-->
 
        </div><!--/row-->
 
        
        </div><!--/.fluid-container-->
 
    <footer id="footer"></footer>
 
    <!-- Le javascript
 
    ================================================== -->
 
    <!-- Placed at the end of the document so the pages load faster -->
 
    <script src="../asset/js/jquery.min.js"></script>
 
    <script type="text/javascript" src="../asset/js/echartsHome.js"></script>
 
    <script src="../asset/js/bootstrap.min.js"></script>
 
    <script src="../asset/js/echartsExample.js"></script>
 
</body>
 
</html>

+ 189 - 0
patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/tree5.html
Zobraziť súbor 

@ -0,0 +1,189 @@
 
<!DOCTYPE html>
 
<html lang="en">
 
<head>
 
    <meta charset="utf-8">
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <meta name="description" content="ECharts">
 
    <meta name="author" content="kener.linfeng@gmail.com">
 
    <title>ECharts · Example</title>
 
    <link rel="shortcut icon" href="../asset/ico/favicon.png">
 
    <link href="../asset/css/font-awesome.min.css" rel="stylesheet">
 
    <link href="../asset/css/bootstrap.css" rel="stylesheet">
 
    <link href="../asset/css/carousel.css" rel="stylesheet">
 
    <link href="../asset/css/echartsHome.css" rel="stylesheet">
 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
    <!--[if lt IE 9]>
 
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
    <![endif]-->
 
    <script src="./www/js/echarts.js"></script>
 
    <script src="../asset/js/codemirror.js"></script>
 
    <script src="../asset/js/javascript.js"></script>
 
    <link href="../asset/css/codemirror.css" rel="stylesheet">
 
    <link href="../asset/css/monokai.css" rel="stylesheet">
 
</head>
 
<body>
 
    <!-- Fixed navbar -->
 
    <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="head"></div>
 
    <div class="container-fluid">
 
        <div class="row-fluid example">
 
            <div id="sidebar-code" class="col-md-4">
 
                <div class="well sidebar-nav">
 
                    <div class="nav-header"><a href="#" onclick="autoResize()" class="glyphicon glyphicon-resize-full" id ="icon-resize" ></a>option</div>
 
                    <textarea id="code" name="code">
 
option = {
 
    title : {
 
        text: '树图',
 
        subtext: '反转'
 
    },
 
    toolbox: {
 
        show : true,
 
        feature : {
 
            mark : {show: true},
 
            dataView : {show: true, readOnly: false},
 
            restore : {show: true},
 
            saveAsImage : {show: true}
 
        }
 
    },
 
    calculable : false,
 
    series : [
 
        {
 
            name:'树图',
 
            type:'tree',
 
            orient: 'horizontal',  // vertical horizontal
 
            direction: 'inverse',
 
            rootLocation: {x: 'center',y: 250}, // 根节点位置  {x: 100, y: 'center'}
 
            nodePadding: 1,
 
            itemStyle: {
 
                normal: {
 
                    label: {
 
                        show: false,
 
                        formatter: "{b}"
 
                    },
 
                    lineStyle: {
 
                        color: '#48b',
 
                        shadowColor: '#000',
 
                        shadowBlur: 3,
 
                        shadowOffsetX: 3,
 
                        shadowOffsetY: 5,
 
                        type: 'curve' // 'curve'|'broken'|'solid'|'dotted'|'dashed'
 
                    }
 
                },
 
                emphasis: {
 
                    label: {
 
                        show: true
 
                    }
 
                }
 
            },
 
            
            data: [
 
                {
 
                    name: '根节点',
 
                    value: 6,
 
                    children: [
 
                        {
 
                            name: '节点1',
 
                            value: 4,
 
                            children: [
 
                                {
 
                                    name: '叶子节点1',
 
                                    value: 4
 
                                },
 
                                {
 
                                    name: '叶子节点2',
 
                                    value: 4
 
                                },
 
                                {
 
                                    name: '叶子节点3',
 
                                    value: 2
 
                                },
 
                                 {
 
                                    name: '叶子节点4',
 
                                    value: 2
 
                                },
 
                                {
 
                                    name: '叶子节点5',
 
                                    value: 2
 
                                },
 
                                {
 
                                    name: '叶子节点6',
 
                                    value: 4
 
                                }
 
                            ]
 
                        },
 
                        {
 
                            name: '节点2',
 
                            value: 4,
 
                            children: [{
 
                                name: '叶子节点7',
 
                                value: 4
 
                            },
 
                            {
 
                                name: '叶子节点8',
 
                                value: 4
 
                            }]
 
                        },
 
                        {
 
                            name: '节点3',
 
                            value: 1,
 
                            children: [
 
                                {
 
                                    name: '叶子节点9',
 
                                    value: 4
 
                                },
 
                                {
 
                                    name: '叶子节点10',
 
                                    value: 4
 
                                },
 
                                {
 
                                    name: '叶子节点11',
 
                                    value: 2
 
                                },
 
                                 {
 
                                    name: '叶子节点12',
 
                                    value: 2
 
                                }
 
                            ]
 
                        }
 
                    ]
 
                }
 
            ]
 
        }
 
    ]
 
};
 
                    </textarea>
 
              </div><!--/.well -->
 
            </div><!--/span-->
 
            <div id="graphic" class="col-md-8">
 
                <div id="main" class="main"></div>
 
                <div>
 
                    <button type="button" class="btn btn-sm btn-success" onclick="refresh(true)">刷 新</button>
 
                    <span class="text-primary">切换主题</span>
 
                    <select id="theme-select"></select>
 
                    <span id='wrong-message' style="color:red"></span>
 
                </div>
 
            </div><!--/span-->
 
        </div><!--/row-->
 
        
        </div><!--/.fluid-container-->
 
    <footer id="footer"></footer>
 
    <!-- Le javascript
 
    ================================================== -->
 
    <!-- Placed at the end of the document so the pages load faster -->
 
    <script src="../asset/js/jquery.min.js"></script>
 
    <script type="text/javascript" src="../asset/js/echartsHome.js"></script>
 
    <script src="../asset/js/bootstrap.min.js"></script>
 
    <script src="../asset/js/echartsExample.js"></script>
 
</body>
 
</html>

+ 137 - 0
patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/treemap.html
Zobraziť súbor 

@ -0,0 +1,137 @@
 
<!DOCTYPE html>
 
<html lang="en">
 
<head>
 
    <meta charset="utf-8">
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <meta name="description" content="ECharts">
 
    <meta name="author" content="kener.linfeng@gmail.com">
 
    <title>ECharts · Example</title>
 
    <link rel="shortcut icon" href="../asset/ico/favicon.png">
 
    <link href="../asset/css/font-awesome.min.css" rel="stylesheet">
 
    <link href="../asset/css/bootstrap.css" rel="stylesheet">
 
    <link href="../asset/css/carousel.css" rel="stylesheet">
 
    <link href="../asset/css/echartsHome.css" rel="stylesheet">
 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
    <!--[if lt IE 9]>
 
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
    <![endif]-->
 
    <script src="./www/js/echarts.js"></script>
 
    <script src="../asset/js/codemirror.js"></script>
 
    <script src="../asset/js/javascript.js"></script>
 
    <link href="../asset/css/codemirror.css" rel="stylesheet">
 
    <link href="../asset/css/monokai.css" rel="stylesheet">
 
</head>
 
<body>
 
    <!-- Fixed navbar -->
 
    <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="head"></div>
 
    <div class="container-fluid">
 
        <div class="row-fluid example">
 
            <div id="sidebar-code" class="col-md-4">
 
                <div class="well sidebar-nav">
 
                    <div class="nav-header"><a href="#" onclick="autoResize()" class="glyphicon glyphicon-resize-full" id ="icon-resize" ></a>option</div>
 
                    <textarea id="code" name="code">
 
option = {
 
    title : {
 
        text: '手机占有率',
 
        subtext: '虚构数据'
 
    },
 
    tooltip : {
 
        trigger: 'item',
 
        formatter: "{b}: {c}"
 
    },
 
    toolbox: {
 
        show : true,
 
        feature : {
 
            mark : {show: true},
 
            dataView : {show: true, readOnly: false},
 
            restore : {show: true},
 
            saveAsImage : {show: true}
 
        }
 
    },
 
    calculable : false,
 
    series : [
 
        {
 
            name:'矩形图',
 
            type:'treemap',
 
            itemStyle: {
 
                normal: {
 
                    label: {
 
                        show: true,
 
                        formatter: "{b}"
 
                    },
 
                    borderWidth: 1
 
                },
 
                emphasis: {
 
                    label: {
 
                        show: true
 
                    }
 
                }
 
            },
 
            data:[
 
                {
 
                    name: '三星',
 
                    value: 6
 
                },
 
                {
 
                    name: '小米',
 
                    value: 4
 
                },
 
                {
 
                    name: '苹果',
 
                    value: 4
 
                },
 
                {
 
                    name: '华为',
 
                    value: 2
 
                },
 
                {
 
                    name: '联想',
 
                    value: 2
 
                },
 
                {
 
                    name: '魅族',
 
                    value: 1
 
                },
 
                {
 
                    name: '中兴',
 
                    value: 1
 
                }
 
            ]
 
        }
 
    ]
 
};
 
                    </textarea>
 
              </div><!--/.well -->
 
            </div><!--/span-->
 
            <div id="graphic" class="col-md-8">
 
                <div id="main" class="main"></div>
 
                <div>
 
                    <button type="button" class="btn btn-sm btn-success" onclick="refresh(true)">刷 新</button>
 
                    <span class="text-primary">切换主题</span>
 
                    <select id="theme-select"></select>
 
                    <span id='wrong-message' style="color:red"></span>
 
                </div>
 
            </div><!--/span-->
 
        </div><!--/row-->
 
        
        </div><!--/.fluid-container-->
 
    <footer id="footer"></footer>
 
    <!-- Le javascript
 
    ================================================== -->
 
    <!-- Placed at the end of the document so the pages load faster -->
 
    <script src="../asset/js/jquery.min.js"></script>
 
    <script type="text/javascript" src="../asset/js/echartsHome.js"></script>
 
    <script src="../asset/js/bootstrap.min.js"></script>
 
    <script src="../asset/js/echartsExample.js"></script>
 
</body>
 
</html>

+ 286 - 0
patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/treemap1.html
Zobraziť súbor 

@ -0,0 +1,286 @@
 
<!DOCTYPE html>
 
<html lang="en">
 
<head>
 
    <meta charset="utf-8">
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <meta name="description" content="ECharts">
 
    <meta name="author" content="kener.linfeng@gmail.com">
 
    <title>ECharts · Example</title>
 
    <link rel="shortcut icon" href="../asset/ico/favicon.png">
 
    <link href="../asset/css/font-awesome.min.css" rel="stylesheet">
 
    <link href="../asset/css/bootstrap.css" rel="stylesheet">
 
    <link href="../asset/css/carousel.css" rel="stylesheet">
 
    <link href="../asset/css/echartsHome.css" rel="stylesheet">
 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
    <!--[if lt IE 9]>
 
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
    <![endif]-->
 
    <script src="./www/js/echarts.js"></script>
 
    <script src="../asset/js/codemirror.js"></script>
 
    <script src="../asset/js/javascript.js"></script>
 
    <link href="../asset/css/codemirror.css" rel="stylesheet">
 
    <link href="../asset/css/monokai.css" rel="stylesheet">
 
</head>
 
<body>
 
    <!-- Fixed navbar -->
 
    <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="head"></div>
 
    <div class="container-fluid">
 
        <div class="row-fluid example">
 
            <div id="sidebar-code" class="col-md-4">
 
                <div class="well sidebar-nav">
 
                    <div class="nav-header"><a href="#" onclick="autoResize()" class="glyphicon glyphicon-resize-full" id ="icon-resize" ></a>option</div>
 
                    <textarea id="code" name="code">
 
option = {
 
    title : {
 
        text: '手机占有率',
 
        subtext: '数据下钻例子，虚构数据'
 
    },
 
    tooltip : {
 
        trigger: 'item',
 
        formatter: "{b}: {c}"
 
    },
 
    toolbox: {
 
        show : true,
 
        feature : {
 
            mark : {show: true},
 
            dataView : {show: true, readOnly: false},
 
            restore : {show: true},
 
            saveAsImage : {show: true}
 
        }
 
    },
 
    calculable : false,
 
    series : [
 
        {
 
            name:'手机占有率',
 
            type:'treemap',
 
            itemStyle: {
 
                normal: {
 
                    label: {
 
                        show: true,
 
                        formatter: "{b}"
 
                    },
 
                    borderWidth: 1,
 
                    borderColor: '#ccc'
 
                },
 
                emphasis: {
 
                    label: {
 
                        show: true
 
                    },
 
                    color: '#cc99cc',
 
                    borderWidth: 3,
 
                    borderColor: '#996699'
 
                }
 
            },
 
            data:[
 
                {
 
                    name: '三星',
 
                    itemStyle: {
 
                        normal: {
 
                            color: '#99cccc',
 
                        }
 
                    },
 
                    value: 6,
 
                    children: [
 
                        {
 
                            name: 'Galaxy S4',
 
                            value: 2
 
                        },
 
                        {
 
                            name: 'Galaxy S5',
 
                            value: 3
 
                        },
 
                        {
 
                            name: 'Galaxy S6',
 
                            value: 3
 
                        },
 
                        {
 
                            name: 'Galaxy Tab',
 
                            value: 1
 
                        }
 
                    ]
 
                },
 
                {
 
                    name: '小米',
 
                    itemStyle: {
 
                        normal: {
 
                            color: '#99ccff',
 
                        }
 
                    },
 
                    value: 4,
 
                    children: [
 
                        {
 
                            name: '小米3',
 
                            value: 6
 
                        },
 
                        {
 
                            name: '小米4',
 
                            value: 6
 
                        },
 
                        {
 
                            name: '红米',
 
                            value: 4
 
                        }
 
                    ]
 
                },
 
                {
 
                    name: '苹果',
 
                    itemStyle: {
 
                        normal: {
 
                            color: '#9999cc',
 
                        }
 
                    },
 
                    value: 4,
 
                    children: [
 
                        {
 
                            name: 'iPhone 5s',
 
                            value: 6
 
                        },
 
                        {
 
                            name: 'iPhone 6',
 
                            value: 3
 
                        },
 
                        {
 
                            name: 'iPhone 6+',
 
                            value: 3
 
                        }
 
                    ]
 
                },
 
                {
 
                    name: '魅族',
 
                    itemStyle: {
 
                        normal: {
 
                            color: '#ccff99',
 
                        }
 
                    },
 
                    value: 1,
 
                    children: [
 
                        {
 
                            name: 'MX4',
 
                            itemStyle: {
 
                                normal: {
 
                                    color: '#ccccff',
 
                                }
 
                            },
 
                            value: 6
 
                        },
 
                        {
 
                            name: 'MX3',
 
                            itemStyle: {
 
                                normal: {
 
                                    color: '#99ccff',
 
                                }
 
                            },
 
                            value: 6
 
                        },
 
                        {
 
                            name: '魅蓝note',
 
                            itemStyle: {
 
                                normal: {
 
                                    color: '#9999cc',
 
                                }
 
                            },
 
                            value: 4
 
                        },
 
                        {
 
                            name: 'MX4 pro',
 
                            itemStyle: {
 
                                normal: {
 
                                    color: '#99cccc',
 
                                }
 
                            },
 
                            value: 3
 
                        }
 
                    ]
 
                },
 
                {
 
                    name: '华为',
 
                    itemStyle: {
 
                        normal: {
 
                            color: '#ccffcc',
 
                        }
 
                    },
 
                    value: 2
 
                },
 
                {
 
                    name: '联想',
 
                    itemStyle: {
 
                        normal: {
 
                            color: '#ccccff',
 
                        }
 
                    },
 
                    value: 2
 
                },
 
                {
 
                    name: '中兴',
 
                    itemStyle: {
 
                        normal: {
 
                            color: '#ffffcc',
 
                        }
 
                    },
 
                    value: 1,
 
                    children: [
 
                        {
 
                            name: 'V5',
 
                            value: 16
 
                        },
 
                        {
 
                            name: '努比亚',
 
                            value: 6
 
                        },
 
                        {
 
                            name: '功能机',
 
                            value: 4
 
                        },
 
                        {
 
                            name: '青漾',
 
                            value: 4
 
                        },
 
                        {
 
                            name: '星星',
 
                            value: 4
 
                        },
 
                        {
 
                            name: '儿童机',
 
                            value: 1
 
                        }
 
                    ]
 
                }
 
            ]
 
        }
 
    ]
 
};
 
                    </textarea>
 
              </div><!--/.well -->
 
            </div><!--/span-->
 
            <div id="graphic" class="col-md-8">
 
                <div id="main" class="main"></div>
 
                <div>
 
                    <button type="button" class="btn btn-sm btn-success" onclick="refresh(true)">刷 新</button>
 
                    <span class="text-primary">切换主题</span>
 
                    <select id="theme-select"></select>
 
                    <span id='wrong-message' style="color:red"></span>
 
                </div>
 
            </div><!--/span-->
 
        </div><!--/row-->
 
        
        </div><!--/.fluid-container-->
 
    <footer id="footer"></footer>
 
    <!-- Le javascript
 
    ================================================== -->
 
    <!-- Placed at the end of the document so the pages load faster -->
 
    <script src="../asset/js/jquery.min.js"></script>
 
    <script type="text/javascript" src="../asset/js/echartsHome.js"></script>
 
    <script src="../asset/js/bootstrap.min.js"></script>
 
    <script src="../asset/js/echartsExample.js"></script>
 
</body>
 
</html>

+ 265 - 0
patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/treemap2.html
Zobraziť súbor 

@ -0,0 +1,265 @@
 
<!DOCTYPE html>
 
<html lang="en">
 
<head>
 
    <meta charset="utf-8">
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <meta name="description" content="ECharts">
 
    <meta name="author" content="kener.linfeng@gmail.com">
 
    <title>ECharts · Example</title>
 
    <link rel="shortcut icon" href="../asset/ico/favicon.png">
 
    <link href="../asset/css/font-awesome.min.css" rel="stylesheet">
 
    <link href="../asset/css/bootstrap.css" rel="stylesheet">
 
    <link href="../asset/css/carousel.css" rel="stylesheet">
 
    <link href="../asset/css/echartsHome.css" rel="stylesheet">
 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
    <!--[if lt IE 9]>
 
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
    <![endif]-->
 
    <script src="./www/js/echarts.js"></script>
 
    <script src="../asset/js/codemirror.js"></script>
 
    <script src="../asset/js/javascript.js"></script>
 
    <link href="../asset/css/codemirror.css" rel="stylesheet">
 
    <link href="../asset/css/monokai.css" rel="stylesheet">
 
</head>
 
<body>
 
    <!-- Fixed navbar -->
 
    <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="head"></div>
 
    <div class="container-fluid">
 
        <div class="row-fluid example">
 
            <div id="sidebar-code" class="col-md-4">
 
                <div class="well sidebar-nav">
 
                    <div class="nav-header"><a href="#" onclick="autoResize()" class="glyphicon glyphicon-resize-full" id ="icon-resize" ></a>option</div>
 
                    <textarea id="code" name="code">
 
option = {
 
    title : {
 
        text: '手机占有率',
 
        subtext: '虚构数据'
 
    },
 
    tooltip : {
 
        trigger: 'item',
 
        formatter: "{b}: {c}"
 
    },
 
    toolbox: {
 
        show : true,
 
        feature : {
 
            mark : {show: true},
 
            dataView : {show: true, readOnly: false},
 
            restore : {show: true},
 
            saveAsImage : {show: true}
 
        }
 
    },
 
    hoverable : true,
 
    series : [
 
        {
 
            name:'矩形图',
 
            type:'treemap',
 
            itemStyle: {
 
                normal: {
 
                    label: {
 
                        show: true,
 
                        formatter: "{b}: {c}",
 
                        textStyle: {
 
                            color: '#00ffdd',
 
                            fontFamily: 'Times New Roman",Georgia,Serif',
 
                            fontSize: 20,
 
                            fontStyle: 'italic',
 
                            fontWeight:  'bolder'
 
                        }
 
                    },
 
                    borderWidth: 1,
 
                    borderColor: '#000'
 
                },
 
                emphasis: {
 
                    label: {
 
                        show: true,
 
                        textStyle: {
 
                            color: '#0000ff',
 
                            fontFamily: 'Times New Roman",Georgia,Serif',
 
                            fontSize: 18,
 
                            fontStyle: 'normal',
 
                            fontWeight:  'bold'
 
                        }
 
                    },
 
                    color: '#cc99cc',
 
                    borderWidth: 3,
 
                    borderColor: '#996699'
 
                }
 
            },
 
            data:[
 
                {
 
                    name: '三星',
 
                    value: 6,
 
                    itemStyle: {
 
                        normal: {
 
                            label: {
 
                                show: true,
 
                                formatter : "{b}最多",
 
                                x: 60,
 
                                y: 65,
 
                                textStyle: {
 
                                    color: '#ccc',
 
                                    fontSize: 16
 
                                }
 
                            },
 
                            color: '#ccff99',
 
                            borderWidth: 1
 
                        },
 
                        emphasis: {
 
                            label: {
 
                                show: true,
 
                                formatter : "{b}-{c}",
 
                                x: 80,
 
                                y: 85,
 
                                textStyle: {
 
                                    color: 'red',
 
                                    fontSize: 18
 
                                }
 
                            },
 
                            color: '#cc9999',
 
                            borderWidth: 3,
 
                            borderColor: '#999999'
 
                        }
 
                    },
 
                    children: [
 
                        {
 
                            name: 'S4',
 
                            value: 6,
 
                            children: [
 
                                {
 
                                    name: '2012',
 
                                    value: 6
 
                                },
 
                                {
 
                                    name: '2013',
 
                                    value: 4
 
                                },
 
                                {
 
                                    name: '2014',
 
                                    value: 3
 
                                }
 
                            ]
 
                        },
 
                        {
 
                            name: 'note 3',
 
                            value: 6
 
                        },
 
                        {
 
                            name: 'S5',
 
                            value: 4
 
                        },
 
                        {
 
                            name: 'S6',
 
                            value: 3
 
                        }
 
                    ]
 
                },
 
                {
 
                    name: '小米',
 
                    value: 4,
 
                    itemStyle: {
 
                        normal: {
 
                            color: '#99ccff',
 
                        },
 
                        emphasis: {
 
                            label: {
 
                                show: false
 
                            }
 
                        }
 
                    }
 
                },
 
                {
 
                    name: '苹果',
 
                    value: 4,
 
                    itemStyle: {
 
                        normal: {
 
                            color: '#9999cc',
 
                        }
 
                    }
 
                },
 
                {
 
                    name: '魅族',
 
                    value: 3,
 
                    itemStyle: {
 
                        normal: {
 
                            color: '#99cccc',
 
                        }
 
                    }
 
                },
 
                {
 
                    name: '华为',
 
                    value: 2,
 
                    itemStyle: {
 
                        normal: {
 
                            color: '#ccffcc',
 
                        }
 
                    }
 
                },
 
                {
 
                    name: '联想',
 
                    value: 2,
 
                    itemStyle: {
 
                        normal: {
 
                            color: '#ccccff',
 
                        }
 
                    }
 
                },
 
                {
 
                    name: '中兴',
 
                    value: 1,
 
                    itemStyle: {
 
                        normal: {
 
                            label: {
 
                                show: true,
 
                                formatter: "{b}: {c}",
 
                            },
 
                            borderWidth: 3
 
                        },
 
                        emphasis: {
 
                            label: {
 
                                show: true
 
                            },
 
                            color: '#cc9999',
 
                            borderWidth: 3,
 
                            borderColor: '#999999'
 
                        }
 
                    }
 
                }
 
            ]
 
        }
 
    ]
 
};
 
                    </textarea>
 
              </div><!--/.well -->
 
            </div><!--/span-->
 
            <div id="graphic" class="col-md-8">
 
                <div id="main" class="main"></div>
 
                <div>
 
                    <button type="button" class="btn btn-sm btn-success" onclick="refresh(true)">刷 新</button>
 
                    <span class="text-primary">切换主题</span>
 
                    <select id="theme-select"></select>
 
                    <span id='wrong-message' style="color:red"></span>
 
                </div>
 
            </div><!--/span-->
 
        </div><!--/row-->
 
        
        </div><!--/.fluid-container-->
 
    <footer id="footer"></footer>
 
    <!-- Le javascript
 
    ================================================== -->
 
    <!-- Placed at the end of the document so the pages load faster -->
 
    <script src="../asset/js/jquery.min.js"></script>
 
    <script type="text/javascript" src="../asset/js/echartsHome.js"></script>
 
    <script src="../asset/js/bootstrap.min.js"></script>
 
    <script src="../asset/js/echartsExample.js"></script>
 
</body>
 
</html>

+ 228 - 0
patient-co-manage/redis-cache/src/main/webapp/static/develop/browser/lib/echarts-2.2.7/doc/example/treemap3.html
Zobraziť súbor 

@ -0,0 +1,228 @@
 
<!DOCTYPE html>
 
<html lang="en">
 
<head>
 
    <meta charset="utf-8">
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <meta name="description" content="ECharts">
 
    <meta name="author" content="kener.linfeng@gmail.com">
 
    <title>ECharts · Example</title>
 
    <link rel="shortcut icon" href="../asset/ico/favicon.png">
 
    <link href="../asset/css/font-awesome.min.css" rel="stylesheet">
 
    <link href="../asset/css/bootstrap.css" rel="stylesheet">
 
    <link href="../asset/css/carousel.css" rel="stylesheet">
 
    <link href="../asset/css/echartsHome.css" rel="stylesheet">
 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
    <!--[if lt IE 9]>
 
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
    <![endif]-->
 
    <script src="./www/js/echarts.js"></script>
 
    <script src="../asset/js/codemirror.js"></script>
 
    <script src="../asset/js/javascript.js"></script>
 
    <link href="../asset/css/codemirror.css" rel="stylesheet">
 
    <link href="../asset/css/monokai.css" rel="stylesheet">
 
</head>
 
<body>
 
    <!-- Fixed navbar -->
 
    <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="head"></div>
 
    <div class="container-fluid">
 
        <div class="row-fluid example">
 
            <div id="sidebar-code" class="col-md-4">
 
                <div class="well sidebar-nav">
 
                    <div class="nav-header"><a href="#" onclick="autoResize()" class="glyphicon glyphicon-resize-full" id ="icon-resize" ></a>option</div>
 
                    <textarea id="code" name="code">
 
option = {
 
    title : {
 
        text: '手机占有率',
 
        subtext: '数据下钻例子，虚构数据'
 
    },
 
    tooltip : {
 
        trigger: 'item',
 
        formatter: "{b}: {c}"
 
    },
 
    toolbox: {
 
        show : true,
 
        feature : {
 
            mark : {show: true},
 
            dataView : {show: true, readOnly: false},
 
            restore : {show: true},
 
            saveAsImage : {show: true}
 
        }
 
    },
 
    calculable : false,
 
    hoverable : true,
 
    series : [
 
        {
 
            name:'手机占有率',
 
            type:'treemap',
 
            center: ['40%', '50%'],
 
            size: ['50%', '80%'],
 
            itemStyle: {
 
                normal: {
 
                    label: {
 
                        show: true,
 
                        formatter: "{b}"
 
                    },
 
                    borderWidth: 1,
 
                    borderColor: '#ccc',
 
                    childBorderWidth: 1,
 
                    childBorderColor: '#fff'
 
                },
 
                emphasis: {
 
                    label: {
 
                        show: true
 
                    },
 
                    color: '#cc99cc',
 
                    borderWidth: 3,
 
                    borderColor: '#996699'
 
                }
 
            },
 
            data:[
 
                {
 
                    name: '三星',
 
                    itemStyle: {
 
                        normal: {
 
                            color: '#99cccc',
 
                        }
 
                    },
 
                    value: 6,
 
                    children: [
 
                        {
 
                            name: 'S4',
 
                            value: 6,
 
                            children: [
 
                                {
 
                                    name: '2012',
 
                                    value: 6
 
                                },
 
                                {
 
                                    name: '2013',
 
                                    value: 4
 
                                },
 
                                {
 
                                    name: '2014',
 
                                    value: 3
 
                                }
 
                            ]
 
                        },
 
                        {
 
                            name: 'note 3',
 
                            value: 6
 
                        },
 
                        {
 
                            name: 'S5',
 
                            value: 4
 
                        },
 
                        {
 
                            name: 'S6',
 
                            value: 3
 
                        }
 
                    ]
 
                },
 
                {
 
                    name: '小米',
 
                    itemStyle: {
 
                        normal: {
 
                            color: '#99ccff',
 
                        }
 
                    },
 
                    value: 4
 
                },
 
                {
 
                    name: '苹果',
 
                    itemStyle: {
 
                        normal: {
 
                            color: '#9999cc',
 
                        }
 
                    },
 
                    value: 4
 
                },
 
                {
 
                    name: '魅族',
 
                    itemStyle: {
 
                        normal: {
 
                            color: '#ccff99',
 
                        }
 
                    },
 
                    value: 3
 
                },
 
                {
 
                    name: '华为',
 
                    itemStyle: {
 
                        normal: {
 
                            color: '#ccffcc',
 
                        }
 
                    },
 
                    value: 2
 
                },
 
                {
 
                    name: '联想',
 
                    itemStyle: {
 
                        normal: {
 
                            color: '#ccccff',
 
                        }
 
                    },
 
                    value: 2
 
                },
 
                {
 
                    name: '中兴',
 
                    itemStyle: {
 
                        normal: {
 
                            color: '#ffffcc',
 
                            childBorderWidth: 2,
 
                            childBorderColor: '#000'
 
                        }
 
                    },
 
                    value: 1,
 
                    children: [
 
                        {
 
                            name: '努比亚',
 
                            value: 6
 
                        },
 
                        {
 
                            name: '大星星',
 
                            value: 5
 
                        }
 
                    ]
 
                }
 
            ]
 
        }
 
    ]
 
};
 
                    </textarea>
 
              </div><!--/.well -->
 
            </div><!--/span-->
 
            <div id="graphic" class="col-md-8">
 
                <div id="main" class="main"></div>
 
                <div>
 
                    <button type="button" class="btn btn-sm btn-success" onclick="refresh(true)">刷 新</button>
 
                    <span class="text-primary">切换主题</span>
 
                    <select id="theme-select"></select>
 
                    <span id='wrong-message' style="color:red"></span>
 
                </div>
 
            </div><!--/span-->
 
        </div><!--/row-->
 
        
        </div><!--/.fluid-container-->
 
    <footer id="footer"></footer>
 
    <!-- Le javascript
 
    ================================================== -->
 
    <!-- Placed at the end of the document so the pages load faster -->
 
    <script src="../asset/js/jquery.min.js"></script>
 
    <script type="text/javascript" src="../asset/js/echartsHome.js"></script>
 
    <script src="../asset/js/bootstrap.min.js"></script>
 
    <script src="../asset/js/echartsExample.js"></script>
 
</body>
 
</html>