Я использую d3.js для создания простой диаграммы пончиков.
Я не могу добиться эффекта тени или эффекта теневой тени, чтобы добавить некоторую глубину в диаграмму. Я пробовал добавить css:
path {
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 3px 3px 5px 6px #ccc;
}
К тегам и тегам g, но безрезультатно. Кто-нибудь знает, возможно ли это с помощью CSS или знать какое-то словосочетание?
Действительно оцените помощь по такой основной проблеме. Matt
var data = [0, 35, 65];
var w = 400,
h = 400,
r = Math.min(w, h) / 2,
ir = r * 0.5,
color = d3.scale.category20(),
donut = d3.layout.pie().sort(null),
arc = d3.svg.arc().innerRadius(ir).outerRadius(r);
var svg = d3.select("body").append("svg:svg")
.attr("width", w)
.attr("height", h)
.append("svg:g")
.attr("transform", "translate(" + w / 2 + "," + h / 2 + ")");
var arcs = svg.selectAll("path")
.data(donut(data))
.enter().append("svg:path")
.attr("fill", function(d, i) { return color(i); })
.attr("d", arc);