gpt4 book ai didi

json - 使用 cal-heatmap 加载和可视化数据

转载 作者:行者123 更新时间:2023-12-04 22:48:19 26 4
gpt4 key购买 nike

我正在尝试使用 d3.js 和 cal-heatmap.js 来创建可视化,但是无论我输入什么数据和格式,颜色都没有显示出来。我什至无法让最基本的默认可视化工作,也看不到问题的明确指标。我看到日历和单元格模板,只是即使有数据它们也是空白的。

下面是代码示例:

<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="cal-heatmap.css">

</head>
<body>

<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="cal-heatmap.min.js"></script>

<div id="cal-heatmap"></div>
<script type="text/javascript">
var cal = new CalHeatMap();

cal.init({
data : "aggregates.json",
id : "cal-heatmap",
domain : "month",
subDomain : "x_day",
cellsize: 15,
cellpadding: 3,
domainGutter: 15
});
</script>

</body>
</html>

以及数据样本。
{
"1258185600": 2.77,
"1258272000": 2.52,
"1258358400": 3.23,
"1258444800": 2.06,
"1258617600": 2.62,
"1258704000": 3.9,
"1258790400": 3.41,
"1258963200": 0,
"1259049600": 0,
"1259049600": 0,
"1259136000": 3.16,
"1259308800": 2.97,
"1259395200": 2.79,
"1259481600": 3.65,
"1259654400": 1.9,
"1259654400": 1.93,
"1259740800": 3.46,
"1259827200": 3.93,
"1260000000": 4.1
}

最佳答案

示例数据中的第一个时间戳来自 2009 年 11 月。您必须针对特定数据源自定义 cal-heatmap,以便日历显示数据日期范围的日历,否则它将显示从今天开始的日历。

设置 start属性(property)到new Date(2009, 10, 1)

关于json - 使用 cal-heatmap 加载和可视化数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26643077/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com