Highcharts饼图外圈

时间:2013-12-04 21:41:07

标签: javascript highcharts

是否可以在高图中的饼图周围添加圆圈?

我知道我可以使用一个绝对定位的div,只是在图表的大小上,使用负zIndex,但它看起来并不完全正确,因为图形是用SVG绘制的(注意附加的微小偏移我试过这种方法的图像

谢谢!

image

1 个答案:

答案 0 :(得分:3)

您可以使用偏移为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]
            ]
        }]
    });
});