Highcharts甜甜圈图表自定义

我有highcharts的许可证，我想创建一个类似下面的字符：

highcharts上最相似的组件如下所示：

有人知道只要百分之一的钱就可以换掉里面的馅饼吗？或者其他一些优秀的客户端javascript库来实现它

您可以在以下链接中找到演示和API

演示

原料药

---

谢谢

查看

innerSize

“饼图的内径大小。大于0的大小表示圆环图。可以是百分比或像素值。百分比与绘图区域的大小有关。像素值以整数形式给出。默认值为0。”

然后你可以看看这个，它显示了如何将

文本

放入甜甜圈图表中

希望它能帮助您。

函数（图表4）{
 function(chart4) {
chart4.renderer.text('<span style="word-wrap: break-word !important;">Reduced by <br/>10 Years</span>', (chart4.chartWidth/2)-38, (chart4.chartHeight/2)-5)
             .css({

                color: '#4b4b4b',
                fontWeight: 'bold',
                fontSize: '12px'

            })
            .add();
}

chart4.renderer.text（
减少10年），（chart4.chartWidth/2）-38，（chart4.chartHeight/2）-5）
.css({
颜色：“#4B4B”，
fontWeight:'粗体'，
字体大小：“12px”
})
.add（）；
}

您可以尝试使用title作为替代方法，而且非常简单

            title: {
                text: 'Budget',
                align: 'center',
                verticalAlign: 'middle',
                style: {
                    fontSize: '9.5px'
                } 
            },

---

jsiddle:

在这里查看这个示例：。这是使用您列出的示例。有这么多的可能性。我看到的唯一“缺陷”是将背景灰色圆圈和文本对齐。看最后一张油炸圈饼图时，中心似乎并不是你认为应该在的地方。谢谢大家，我真的很感谢你们的帮助：）