datavjs/example/column/column.html
2012-11-13 02:31:24 +08:00

39 lines
1.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Column</title>
<style type="text/css"></style>
</head>
<body>
<script src="../../build/deps.js"></script>
<script src="../../deps/seajs/sea.js"></script>
<script>
var dir = location.href.replace(/\\/g, '/').replace(/\/[^\/]*$/, '');
seajs.config({
alias: {
'DataV': dir + '/../../lib/datav.js',
'Column': dir + '/../../lib/charts/column.js'
}
});
</script>
<div id="chart"></div>
<script>
seajs.use(["DataV", "Column"], function (DataV, Column) {
var column = new Column("chart", {
"width": 1024,
"height": 600,
"margin": 30,
"typeNames": ["Y", "Z"]
});
DataV.csv("DataExample.csv", function (dataSource) {
column.setSource(dataSource);
column.render();
});
});
</script>
</body>
</html>