javascript - Highcharts饼图外圆

Question

是否可以在 highcharts 中的饼图周围添加圆圈？

我知道我可以用一个绝对定位的 div 来做到这一点，该 div 刚好超过图表的大小，并带有负 zIndex，但它看起来并不完全正确，因为图表是用 SVG 绘制的(请注意附加的轻微偏移)我尝试过这种方法的图片

谢谢!

Answer 1

您可以使用偏移量为 0 的阴影。
http://jsfiddle.net/blaird/RgdJ3/

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'pie'
        },
        plotOptions: {  
            pie: {
                shadow: {
                    color: 'black', 
                    offsetX : 0,
                    offsetY: 0,
                    opacity: 1,
                    width: 3
                }
            }
        },

        series: [{
            data: [
                ['Firefox',   44.2],
                ['IE7',       26.6],
                ['IE6',       20],
                ['Chrome',    3.1],
                ['Other',    5.4]
            ]
        }]
    });
});