mirror of
https://github.com/TBEDP/datavjs.git
synced 2025-12-08 19:45:52 +00:00
80 lines
2.0 KiB
HTML
80 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<title>Diff Graph</title>
|
|
|
|
<script src="../../deps/compatible.js"> </script>
|
|
<script src="../../deps/d3.js"></script>
|
|
<script src="../../deps/d3.csv.js"></script>
|
|
<script src="../../deps/d3.layout.js"></script>
|
|
<script src="../../deps/raphael.js"></script>
|
|
<script src="../../deps/eventproxy.js"></script>
|
|
<script src="../../deps/underscore-1.4.2.js"></script>
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
|
|
|
|
<!-- chord -->
|
|
<script src="../../deps/seajs/sea.js"></script>
|
|
<script>
|
|
seajs.config({
|
|
alias: {
|
|
'DataV': '/lib/datav.js',
|
|
'Diff': '/lib/charts/diff.js'
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<style type="text/css">
|
|
#chart {
|
|
border-top: 1px dashed #F00;
|
|
border-bottom: 1px dashed #F00;
|
|
padding-left: 20px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="chart"></div>
|
|
|
|
<script>
|
|
seajs.use(["Diff", "DataV"], function (Diff, DataV) {
|
|
// DataV.changeTheme("datav");
|
|
// var a = [1, 2, 3, 4, 5, 6, 7, 8, 99, 10];
|
|
// var b = [7, 5, 6, 30, 8, 9, 10, 11, 12, 13];
|
|
var a = [ ' 3211617953 ',
|
|
' 18090332173 ',
|
|
' 1392823209 ',
|
|
' 12937446809 ',
|
|
' 15789190002 ',
|
|
' 2444376327 ',
|
|
' 17009143172 ',
|
|
' 12478136878 ',
|
|
' 1277304359 ',
|
|
' 15662173046 ' ].map(function (item) {
|
|
return item.trim();
|
|
});
|
|
var b = [ ' 15789190002 ',
|
|
' 18090332173 ',
|
|
' 3211617953 ',
|
|
' 17009143172 ',
|
|
' 12478136878 ',
|
|
' 15662173046 ',
|
|
' 1392823209 ',
|
|
' 19639284542 ',
|
|
' 12937446809 ',
|
|
' 2444376327 ' ].map(function (item) {
|
|
return item.trim();
|
|
});
|
|
|
|
$.get('data.txt', function (text) {
|
|
var data = text.split('_________________').map(function (block) {
|
|
return block.split(/\n/ig);
|
|
});
|
|
var diff = new Diff("chart");
|
|
diff.setSource(data[0], data[1]);
|
|
diff.render();
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|