Javascript 日间小时热图-未显示颜色

这是我的d3.js热图代码，问题在于颜色。从php获取代码并对其进行修改，以便从php读取数据，php以json格式回送数据。 所以在修改它之后，我得到了一个热图，所有的网格都是黑色的，有一些白色的间隙

我是d3图表的新手，如果您在代码中发现任何小错误，请原谅

矩形边界{
冲程：#e6；
笔画宽度：2px；
}
text.mono{
字号：9pt；
字体系列：Consolas、courier；
填充：#aaa；
}
text.axis-workweek{
填写：#000；
}
text.axis-worktime{
填写：#000；
}
var margin={top:50，right:0，bottom:100，left:30}，
宽度=960-margin.left-margin.right，
高度=430-margin.top-margin.bottom，
网格尺寸=数学地板（宽度/24），
LegendlementWidth=gridSize*2，
桶=9，
颜色=[“ffffd9”、“edf8b1”、“c7e9b4”、“7fcdbb”、“41b6c4”、“1d91c0”、“225ea8”、“253494”、“081d58”]、//或者color brewer.YlGnBu[9]
天数=[“Mo”、“Tu”、“We”、“Th”、“Fr”、“Sa”、“Su”]，
时间=[“1a”，“2a”，“3a”，“4a”，“5a”，“6a”，“7a”，“8a”，“9a”，“10a”，“11a”，“12a”，“1p”，“2p”，“3p”，“4p”，“5p”，“6p”，“7p”，“8p”，“9p”，“10p”，“11p”，“12p”]；
//数据集=[“data1.tsv”，“data2.tsv”]；
json（“heatmaptry2.php”），函数（错误，数据）{
data.forEach（函数（d）{
控制台日志（d）；
日=+d.日；
小时=+d.hour；
值=+d.值；
});	
var colorScale=d3.scale.quantile（）；
var svg=d3.选择（“图表”）.追加（“svg”）
.attr（“宽度”，宽度+边距。左侧+边距。右侧）
.attr（“高度”，高度+边距。顶部+边距。底部）
.附加（“g”）
.attr（“转换”、“平移”（+margin.left+）、“+margin.top+”）；
var dayLabels=svg.selectAll（“.dayLabel”）
.数据（天）
.enter（）.append（“文本”）
.text（函数（d）{return d；}）
.attr（“x”，0）
.attr（“y”，函数（d，i）{return i*gridSize；}）
.style（“文本锚定”、“结束”）
.attr（“转换”、“平移（-5，+gridSize/1.5+）”）
.attr（“类”，函数（d，i）{return（（i>=0&&i=7&&i），而不是这个：

var colorScale = d3.scale.quantile();

应该是（您没有设置域）

工作代码
请不要阻止引用所有代码。请使用代码按钮正确格式化代码，如下所示：{}刚刚编辑。希望现在一切正常。您还可以粘贴通过php发送的JSON数据[{“day”：“0”，“hour”：“0”，“value”：“11”}，{“day”：“0”，“hour”：“1”，“value”：“3”}，{“day”：“0”，“hour”：“2”，“value”：“2”}，{“day”：“0”，“hour”：“3”，“值”：“1”；“天”：“0”，“小时”：“4”，“值”：“1”；“天”：“0”，“小时”：“6”，“值”：“3”；“天”：“0”，“小时”：“8”，“值”：“3”；“日”：“0”，“小时”：“9”，“值”：“14”；“日”：“0”，“小时”：“10”，“值”：“19”；“日”：“0”，“小时”：“11”，“值”：“42”；“日”：“0”，“小时”：“12”，“值”：“44”；“日”：“0”，“日”：“0”，“日”：“0”，“小时”：“值”：“14”；“日”：“值”：“14”；“日”：“14”；“值”：“0”；“日”：“14”；“日”：“0”；“值”：“14”；“日”：“14”；“值”：“0”；“日”：“0”；“日”：“14”；“日”：“0”；“值”：“0”“，”小时“：”15“，”值“：”37”}]您可以接受它作为答案，下面是它的工作原理
 var colorScale = d3.scale.quantile()
              .domain([0, buckets - 1, d3.max(data, function (d) { return d.value; })])
              .range(colors);