将饼图名称显示为标题

Question

有没有办法在饼图的顶部，底部，右侧或左侧显示饼图名称而不必使用标签，就像它们在this highcharts演示中使用的那样：

        labels: {
            items: [{
                html: '<b>Total fruit consumption<b>',
                style: {
                    left: '40px',
                    top: '8px',
                    color: 'black'
                }
            }]
        }

标签的像素绝对位置，而馅饼我使用的是百分比 当调整大小时，标签停留在同一个地方并且馅饼移动，并且我不能在两者中获得相同的相对位置百分比。 示例饼：

{ data: [{ color: '#31B7C9', name: 'Slice 1', y: 1266364.92333333 }, { color: '#9ED93E', name: 'Slice 2', y: 7284620.73 }, { color: '#DABF12', name: 'Slice 4', y: 2330663.39333333 }], name: 'Pie Chart Name', type: 'pie', center: ["25%", "25%"], showInLegend: true, size: "20%", dataLabels: { enabled: false }}

知道如何将饼图名称显示为标题吗？

jsFiddle here中的示例。

提前谢谢

Answer 1

修改 所以看起来你想拥有与演示中相同的图表而不仅仅是饼图。如果是这种情况，我的答案将失败。您需要使用标签并定位它们。

----保留以下代码供将来参考---

是， 使用title属性。 示例：http://jsfiddle.net/wergeld/svkmM/

title: {
    text: 'A Title!'
}

Answer 2

我找到了一个允许显示饼图标题here的插件。