theme.html 8.7 KB
Newer Older
K
kener 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="ECharts">
    <meta name="author" content="linzhifeng@baidu.com">

    <script src="../asset/js/esl/esl.js"></script>
    <script src="../asset/js/codemirror.js"></script>
    <script src="../asset/js/javascript.js"></script>

    <link href="../asset/css/bootstrap.css" rel="stylesheet">
    <link href="../asset/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="../asset/css/codemirror.css" rel="stylesheet">
    <link href="../asset/css/monokai.css" rel="stylesheet">
    <link href="../asset/css/echartsHome.css" rel="stylesheet">
    <style type="text/css">
        .chart {
            height: 300px;
            margin-bottom:10px;
        }
    </style>
    <link rel="shortcut icon" href="../asset/ico/favicon.png">
</head>

<body>
    <!-- NAVBAR
    ================================================== -->
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="../../index.html">ECharts</a>
          <div class="nav-collapse collapse">
              <a id="forkme_banner" href="https://github.com/ecomfe/echarts">View on GitHub</a>
              <ul class="nav">
                <li><a href="../../index.html"><i class="icon-home icon-white"></i> Home</a></li>
                <li class="active"><a href="../example.html" class="active">Example</a></li>
                <li><a href="../doc.html" >API &amp; Doc</a></li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-download-alt icon-white"></i>Download <b class="caret"></b></a>
                  <ul class="dropdown-menu">
                    <li><a id="last-release-link" href="https://github.com/ecomfe/echarts/archive/1.1.0.zip">ZIP (1.1.0)</a></li>
                    <li><a id="last-release-link" href=""> </a></li>
                    <li><a href="https://github.com/ecomfe/echarts/archive/master.zip">ZIP (Latest)</a></li>
                  </ul>
                </li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Link <b class="caret"></b></a>
                  <ul class="dropdown-menu">
                    <li><a href="https://github.com/ecomfe" target="_blank">Ecom-FE</a></li>
                    <li><a href="http://fe.baidu.com/doc/ecom/tech/topic/dv/index.html" target="_blank">Data Visualization</a></li>
                    <li class="divider"></li>
                    <!--li class="nav-header">Library</li-->
                    <li><a href="http://ecomfe.github.io/zrender/index.html" target="_blank">ZRender</a></li>
                  </ul>
                </li>
              </ul>
           </div><!--/.nav-collapse -->
        </div><!-- /.container -->
      </div><!-- /.navbar-inner -->
    </div><!-- /.navbar-wrapper -->

    <div class="container">
K
kener 已提交
71 72 73
        <div class="row-fluid">
            <div class='span8'> 
                <select style="width:100%" name="theme-select">
K
kener 已提交
74
                    <option selected="true" name='erik'>erik</option>
K
kener 已提交
75 76 77 78 79
                    <option name='blue'>blue</option>
                    <option name='dark'>dark</option>
                    <option name='gray'>gray</option>
                    <option name='green'>green</option>
                    <option name='red'>red</option>
K
kener 已提交
80
                    <option name='macarons'>macarons</option>
K
kener 已提交
81
                    <option name='infographic'>infographic</option>
K
kener 已提交
82
                    <option name='default'>default</option>
K
kener 已提交
83 84 85 86
                </select>
            </div>
            <button class="btn btn-info span4" type="button" onclick="saveAsImage()">Save As Image</button>
        </div>
K
kener 已提交
87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112
        <div class="row-fluid">
            <div id="graphic" class="span12">
                <div class="row-fluid">
                    <div class="span6">
                        <div md="main" class="chart"></div>
                    </div><!--/span-->
                    <div class="span6">
                        <div md="main" class="chart"></div>
                    </div><!--/span-->
                </div>
                <div class="row-fluid">
                    <div class="span6">
                        <div md="main" class="chart"></div>
                    </div><!--/span-->
                    <div class="span6">
                        <div md="main" class="chart"></div>
                    </div><!--/span-->
                </div>
                <div class="row-fluid">
                    <div class="span12">
                        <div md="main" class="chart" style="height:500px"></div>
                    </div><!--/span-->
                </div>
                <div class="row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
K
kener 已提交
113
                            <div class="span4">
K
kener 已提交
114 115
                                <div md="main" class="chart" style="height:270px"></div>
                            </div><!--/span-->
K
kener 已提交
116
                            <div class="span4">
K
kener 已提交
117 118
                                <div md="main" class="chart" style="height:270px"></div>
                            </div><!--/span-->
K
kener 已提交
119
                            <div class="span4">
K
kener 已提交
120 121
                                <div md="main" class="chart" style="height:270px"></div>
                            </div><!--/span-->
K
kener 已提交
122 123 124 125 126 127 128 129 130 131 132 133 134
                        </div>
                    </div><!--/span-->
                </div>
                <div class="row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <div class="span4">
                                <div md="main" class="chart" style="height:270px"></div>
                            </div><!--/span-->
                            <div class="span4">
                                <div md="main" class="chart" style="height:270px"></div>
                            </div><!--/span-->
                            <div class="span4">
K
kener 已提交
135 136 137 138 139 140 141
                                <div md="main" class="chart" style="height:270px"></div>
                            </div><!--/span-->
                        </div>
                    </div><!--/span-->
                </div>
            </div><!--/span-->
        </div><!--/row-->
K
kener 已提交
142 143 144
        <div class="row-fluid">
            <div class='span8'> 
                <select style="width:100%" name="theme-select">
K
kener 已提交
145
                    <option selected="true" name='erik'>erik</option>
K
kener 已提交
146 147 148 149 150
                    <option name='blue'>blue</option>
                    <option name='dark'>dark</option>
                    <option name='gray'>gray</option>
                    <option name='green'>green</option>
                    <option name='red'>red</option>
K
kener 已提交
151 152
                    <option name='macarons'>macarons</option>
                    <option name='infographic'>infographic</option>
K
kener 已提交
153
                    <option name='default'>default</option>
K
kener 已提交
154 155 156 157
                </select>
            </div>
            <button class="btn btn-info span4" type="button" onclick="saveAsImage()">Save As Image</button>
        </div>
K
kener 已提交
158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181
        <hr>
        <!-- FOOTER -->
        <footer>
          <p class="pull-right"><a href="#">Back to top</a></p>
          <p>&copy; 2014 <a href="http://efe.baidu.com" target="_blank">EFE</a> &middot; <a href="https://github.com/ecomfe/echarts/blob/master/LICENSE.txt" target="_blank">License</a> &middot; <a href="../changelog.html" target="_blank">Changelog</a></p>
        </footer>
    </div><!--/.fluid-container-->

    <script src="../asset/js/jquery.js"></script>
    <script src="../asset/js/bootstrap-transition.js"></script>
    <script src="../asset/js/bootstrap-alert.js"></script>
    <script src="../asset/js/bootstrap-modal.js"></script>
    <script src="../asset/js/bootstrap-dropdown.js"></script>
    <script src="../asset/js/bootstrap-scrollspy.js"></script>
    <script src="../asset/js/bootstrap-tab.js"></script>
    <script src="../asset/js/bootstrap-tooltip.js"></script>
    <script src="../asset/js/bootstrap-popover.js"></script>
    <script src="../asset/js/bootstrap-button.js"></script>
    <script src="../asset/js/bootstrap-collapse.js"></script>
    <script src="../asset/js/bootstrap-carousel.js"></script>
    <script src="../asset/js/bootstrap-typeahead.js"></script>
    <script src="../asset/js/echartsTheme.js"></script>
</body>
</html>