1

有没有一种方法可以在饼图的顶部、底部、右侧或左侧显示饼图名称，而无需使用标签，就像他们在这个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 中的示例。

先感谢您

4

2 回答 2

0

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

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

是的，使用 title 属性。这里的例子：http: //jsfiddle.net/wergeld/svkmM/

title: {
    text: 'A Title!'
}
于 2012-09-11T18:38:56.090 回答
0

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

于 2013-06-04T10:08:45.257 回答