<!DOCTYPE html>
|
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
<title>angular echarts directives</title>
|
|
<meta charset="utf-8">
|
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<link rel="stylesheet" href="../vendor/bootstrap/dist/css/bootstrap.min.css" />
|
<script src="../vendor/baidu-echarts/build/echarts-plain-original.js"></script>
|
<script src="../vendor/baidu-echarts/build/echarts-plain-map.js"></script>
|
<script src="../vendor/angular/angular.min.js"></script>
|
<!-- <script src="../dist/angular-echarts.min.js"></script> -->
|
<script src="../src/directive.js"></script>
|
<script src="../src/util.js"></script>
|
<script src="../src/theme.js"></script>
|
<script src="../src/theme/infographic.js"></script>
|
<script src="../src/theme/macarons.js"></script>
|
<script src="../src/theme/shine.js"></script>
|
<script src="../src/theme/dark.js"></script>
|
<script src="../src/theme/green.js"></script>
|
<script src="../src/theme/blue.js"></script>
|
<script src="../src/theme/red.js"></script>
|
<script src="../docs/docs.js"></script>
|
|
</head>
|
|
<body class="ng-cloak" ng-app="docs">
|
|
<div class="container-fluid">
|
<div class="row">
|
<div class="col-md-3" ng-controller="LineChartController">
|
<line-chart config="config" data="data"></line-chart>
|
<line-chart config="config" data="multiple"></line-chart>
|
</div>
|
|
<div class="col-md-3" ng-controller="BarChartController">
|
<bar-chart config="config" data="data"></bar-chart>
|
<bar-chart config="config" data="multiple"></bar-chart>
|
</div>
|
|
<div class="col-md-3" ng-controller="AreaChartController">
|
<area-chart config="config" data="data"></area-chart>
|
<area-chart config="config" data="multiple"></area-chart>
|
</div>
|
|
<div class="col-md-3" ng-controller="PieChartController">
|
<pie-chart config="config" data="data"></pie-chart>
|
<donut-chart config="config" data="data"></donut-chart>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-md-3" ng-controller="MapChartController">
|
<map-chart config="config.nation" data="data.nation"></map-chart>
|
<map-chart config="config.province" data="data.province" ng-show="showDetail"></map-chart>
|
</div>
|
<div class="col-md-3" ng-controller="GaugeChartController">
|
<gauge-chart config="config" data="data"></gauge-chart>
|
</div>
|
<div class="col-md-3" ng-controller="AjaxChartController">
|
<line-chart config="config" data="data" width="480" height="320"></line-chart>
|
</div>
|
</div>
|
</div>
|
|
</body>
|
|
</html>
|
