You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
2.4 KiB
70 lines
2.4 KiB
<!DOCTYPE html>
|
|
|
|
<html>
|
|
<head>
|
|
<!-- 必须强制指定页面编码为 UTF-8 -->
|
|
<meta charset="utf-8">
|
|
|
|
<!-- Demo 的简要说明，必须要填写 -->
|
|
<meta name="description" content="Kity 数据可视化 Demo">
|
|
|
|
<!-- Demo 的作者，建议填写 -->
|
|
<meta name="author" content="kity@baidu.com">
|
|
|
|
<!-- Demo 的标题，必须填写 -->
|
|
<title>数据可视化</title>
|
|
|
|
<script src="../../dist/kity.min.js"></script>
|
|
|
|
<script src="lib/quo.js"></script>
|
|
<script src="charts/pie.js"></script>
|
|
<script src="charts/view.js"></script>
|
|
<script src="charts/scatter-diagram.js"></script>
|
|
<script src="charts/line-chart.js"></script>
|
|
<script src="charts/chinamap.js"></script>
|
|
<script src="charts/ubp-map.js"></script>
|
|
<script src="charts/poly-chart.js"></script>
|
|
<script src="charts/gender-chart.js"></script>
|
|
<script src="test/data.test.js"></script>
|
|
<link href="styles.css" rel="stylesheet" type="text/css">
|
|
<meta http-equiv="content-type" content="text/html;charset=utf-8">
|
|
<!--允许全屏-->
|
|
<meta content="yes" name="apple-mobile-web-app-capable"/>
|
|
<meta content="yes" name="apple-touch-fullscreen"/>
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
|
<!--禁止电话号码和邮箱识别-->
|
|
<meta content="telephone=no,email=no" name="format-detection"/>
|
|
|
|
<!--TODO:添加一个ios用的icon-->
|
|
<link rel="apple-touch-icon-precomposed" href="favicon.png" />
|
|
<link rel="apple-touch-icon" href="favicon.png" />
|
|
<link rel="Shortcut Icon" href="favicon-precomposed.png" type="image/x-icon"/>
|
|
</head>
|
|
<body>
|
|
<div class="chart-area-min" id="c1">
|
|
|
|
</div>
|
|
<div class="chart-area-min" id="c2">
|
|
|
|
</div>
|
|
<div class="chart-area-min" id="c3">
|
|
|
|
</div>
|
|
<div class="chart-area-min">
|
|
<div id="c4" class="quarter"></div>
|
|
<div id="c5" class="quarter"></div>
|
|
<div id="c6" class="quarter"></div>
|
|
<div id="c7" class="quarter"></div>
|
|
</div>
|
|
</body>
|
|
<script>
|
|
var scatter = new KCScatterDiagram(dScatter,"c1");
|
|
var line = new KCLineChart(dLine,"c2");
|
|
var ubpmap = new KCUbpMap(dMap,"c3");
|
|
var genderchart = new KCGenderChart(genderData,"c4");
|
|
var genderchart = new KCGenderChart(genderData2,"c5");
|
|
var poly = new KCPolyChart(dPoly, "c6", "haier");
|
|
var poly2 = new KCPolyChart(dPoly, "c7", "siemens");
|
|
</script>
|
|
</html>
|