In my pie chart with grid lines, I have successfully implemented a radial gradient. However, the issue is that there is a separate gradient for each pie slice. What I really want is a single gradient originating from the center of the entire pie chart.
I attempted to achieve this by using the following code snippet:
var arc = d3.svg.arc()
.attr('fill', 'url(#gradient)')
.outerRadius(function(d) { return 50 + (radius - 50) * d.data.percent / 100; })
.innerRadius(20);
Unfortunately, this approach did not produce the desired result.
How can I adjust the settings to make the radial gradient start from the center of the pie chart as intended?