Javascript D3 v4 url（#渐变）不返回填充颜色

所以我在d3.js中做了这个颜色编码的网格。有些方块应该是半种颜色半种颜色。我已经根据其他例子布置了梯度。但是当我调用url（#gridfill7）时，它不会返回渐变-使用渐变的正方形是空的

看看其他问题，这可能是一个浏览器错误，但我不能肯定

下面是一个演示问题的片段：

var gridvis=null；
函数highlightGrid（）{
var gridData=[]；
var squareSize=30；
var squarePad=5；
var numPerRow=9；
var-margin={顶部：10，右侧：30，底部：30，左侧：60}；
变量宽度=750-margin.left-margin.right；
变量高度=520-margin.top-margin.bottom；
var d=d3.csvParse（d3.select（“pre”）.remove（）.text（））；
对于（变量i=0；i

报告数量，新冠病毒相关，平台中
1,0,1
2,0,1
3,0,1
4,0,1
5,0,1
6,0,3
7,0,1
8,0,3
9,0,1
10,0,3
11,0,1
12,0,3
13,1,2
14,1,1
15,1,3
16,1,1
17,1,1
18,1,1
19,1,1
20,1,1
21,1,1
22,1,1
23,1,1
24,0,1
25,0,7
26,1,1
27,1,1
28,1,1
29,1,1
30,1,1
31,1,1
32,1,1
33,1,1
34,1,1
35,1,1
36,0,1
37,0,1
38,0,2
39,0,7
40,1,1
41,1,1
42,1,1
43,1,1
44,1,1
45,1,1
46,0,5
47,0,5
48,0,1
49,0,1
50,0,1
51,0,1
52,1,1
53,1,1
54,1,1
55,0,1
56,0,5
57,0,1
58,0,1
59,0,1
60,0,1
61,0,7
62,0,1
63,0,1
64,0,1
65,0,1
66,0,1
67,1,5
68,1,1
69,1,1
70,1,3
71,1,3
72,1,1
73,1,1
74,1,7
75,1,8
76,1,1
77,1,4
78,1,2
如果我们检查你的坡度，我们会看到一些奇怪的东西：


站点没有偏移值，但您已设置了一个偏移值。问题在于
停止
偏移
值是一个属性，而不是不能用作css属性的属性，
停止不透明度
和
停止颜色
selection.style
设置css属性，
selection.attr
设置属性。所以
  gridFill7.append("stop")
       .attr("offset", "50%")  // also for the other gridFill7 stop and gridFill8 of course
       ...

  else if (d.platform_medium===7) {return "url(#gridfill7)";}
  else if (d.platform_medium===8) {return "url(#gridfill8)";}