Javascript 使用酒窝更改“我的系列”区域的背景色

我怎样才能改变意甲区的颜色？我已经尝试添加到我的css文件中

规则：

.gridlines{背景色：#345；}

但它不起作用

这是我的代码：

var svg = dimple.newSvg("#meteo_pop_up_grafica_imagen", 500, 450);
data2.forEach(function (d) {

                    d["Hour"] = d["time"].substring(11,20)+d["time"].substring(8,10)+d["time"].substring(3,7)+d["time"].substring(23,28);
                    d["Day"] = d["time"].substring(8,10)+d["time"].substring(3,7)+d["time"].substring(23,28);
                    //d["Time of Day"] = d["time"].substring(d["time"].length - 7);
                }, this);
 var myChart = new dimple.chart(svg, data2);
 var x1 = myChart.addTimeAxis("x","Hour","%H:%M:%S %d %b %Y","%H:%M");
 var x2 = myChart.addTimeAxis("x","Day","%d %b %Y", "%d-%b-%Y");
  x1.addOrderRule("time");

x1.timePeriod = d3.time.hours;
x1.timeInterval = 4;
x2.timePeriod = d3.time.days;
x2.timeInterval = 1;
var y1 = myChart.addMeasureAxis("y", "Piranometro");
var piranometro = myChart.addSeries("Piranom.", dimple.plot.line,[x1,y1]);
myChart.assignColor("Piranom.","blue");
 myChart.draw();


                x1.shapes.selectAll("text").attr("transform",
                        function (d) {
                          return d3.select(this).attr("transform") + " rotate(-90)";
                        });

您可以在此处找到代码：

---

你必须给

上课。勾选
而不是
。网格线


CSS

.tick {
    fill: rgba(250, 250, 255, 0.6);
}

另外，我在HTML中找不到
.plot
，您可以通过在图表后面添加svg矩形来为绘图区域着色。在这里，我创建了一个与图表具有相同边界的图表。要使用css，只需设置一个类而不是填充：

我已将svg的高度和宽度放入变量中，并使用了以下代码：

svg.append("rect")
    .attr("x", width * 0.1)
    .attr("y", height * 0.1)
    .attr("width", width * 0.8)
    .attr("height", height * 0.8)
    .style("fill", "#456");  


酒窝默认为10%的边距，所以我在这里使用了它，但使用图表的setBounds方法并确保它们匹配会更整洁。
你能发布一些代码吗？一个JSFIDLE真的会很有帮助，放上你应用的js代码？如果可以的话，创建一个FIDLE。不是一些代码，而是相关的代码。我可以在代码中的任何地方看到网格线，代码在JSFIDLE文件中。对不起，这只会更改线条和标签。我想让酒窝画出的整个区域改变他的颜色。不是标签号。两个轴之间的区域。