Javascript 没有内部饼图的Highcharts油炸圈饼图？

我一直在寻找用Highcharts库生成最简单油炸圈饼图的解决方案。但是，所有Highcharts的示例都显示了带有内部饼图和外部甜甜圈的图表样式（请参阅：）

我怎样才能像其他图书馆一样，去掉内部的馅饼而只保留外部的甜甜圈呢？（类似于RGraph:）

---

谢谢。

您只需要将数据作为两个元素（键/值）数组的数组提供。指定一个

innerSize

以获取甜甜圈样式

因此，您的参数将包含如下内容：

...
data: [["Firefox",6],["MSIE",4],["Chrome",7]],
innerSize: '20%',
...

这里有一个。

**我希望这个highchat的例子能解决你的问题
http://jsfiddle.net/e2qpa/3/
$（函数（）{
var图表=新的Highcharts.图表({
图表：{
renderTo:'容器'，
键入：“馅饼”
},
打印选项：{
馅饼：{
边框颜色：'#000000'，
内部尺寸：“60%”
}
},
系列：[{
数据：[
['Firefox'，44.2]，
[IE7'，26.6]，
[IE6'，20]，
[Chrome'，3.1]，
[“其他”，5.4]
]}]
},
//使用
函数（图表）{//已完成
var xpos='50%'；
var ypos='53%'；
循环变异系数=102；
//画圆
chart.renderer.circle（xpos、ypos、circleradius）.attr({
填写：“#ddd”，
}).add（）；
//渲染文本
chart.renderer.text（'此文本应位于甜甜圈的中心'，155215）。css({
宽度：圆形*2，
颜色：“#4572A7”，
fontSize:'16px'，
textAlign:“中心”
})艾特先生({
//为什么zIndex不把文本放在图表前面？
zIndex:999
}).add（）；
});
});

这是最热门的搜索结果，给出的答案对我不起作用。我需要更多地控制数据点，而不仅仅是一个简单的数组。我需要使用JSON对象为特定数据配置额外的选项，如显式颜色。我通过一些研究发现，您根本不需要修改数据格式。要将饼图变成油炸圈饼图，只需在数据系列中设置一个大于0的innerSize值

从highcharts文档中：

innerSize：的内径大小 馅饼。大于0的大小将呈现圆环图。可以是 百分比或像素值。百分比与饼图大小有关。 像素值以整数形式给出

因此，您可以获得包含以下数据的简单油炸圈饼图：

        series: [{
            innerSize: '30%',
            data: [
                {name: 'Yellow Slice', y: 12, color: 'yellow'},
                {name: 'Red Slice', y: 10, color: 'red' },
                {name: 'Blue Slice', y: 33, color: 'blue'},
                {name: 'Green Slice', y: 20, color: 'green'}
            ]
        }]

---

谢谢，这既简单又聪明！非常感谢。这对我帮助很大！在我的图表代码中查找了将近2个小时的错误后，阅读此答案使我找到了我错放的“innersize”，而正确的是“innersize”。这就是为什么即使是不相关的问题也可以通过在stackoverlow上寻找答案来解决。谢谢

        series: [{
            innerSize: '30%',
            data: [
                {name: 'Yellow Slice', y: 12, color: 'yellow'},
                {name: 'Red Slice', y: 10, color: 'red' },
                {name: 'Blue Slice', y: 33, color: 'blue'},
                {name: 'Green Slice', y: 20, color: 'green'}
            ]
        }]