我一直在尝试使用带有 csv 的 cal-heatmap 来显示数据。然而,似乎没有什么可以让它发挥作用。控制台中没有错误。
cal-heatmap:http: //kamisama.github.io/cal-heatmap/ 有没有人知道如何使它与 csv 文件一起工作?甚至有一个csv的例子?有没有人有任何可以通过 Google Analytics 轻松实现的替代方案?
编码:
<html>
<head>
<link rel="stylesheet" href="cal-heatmap.css" />
<script type="text/javascript" src="d3.v3.min.js"></script>
<script type="text/javascript" src="cal-heatmap.min.js"></script>
</head>
<body>
<div id="cal-heatmap"></div>
<script type="text/javascript">
var cal = new CalHeatMap();
cal.init({
data: "test.csv",
dataType: "csv",
start: new Date(2013, 0),
domain : "day",
subDomain : "hour",
itemName: ["visit", "visits"],
range : 12,
cellsize: 15,
cellpadding: 3,
cellradius: 5,
domainGutter: 15,
weekStartOnMonday: 0,
scale: [40, 60, 80, 100]
});
</script>
</body>
</html>
CSV 格式:
Hour,Visits
000000,53
000001,40
000002,58
000003,45
000004,35
000005,37
000006,41