Highcharts - 具有多个馅饼的图表如何自动更改容器高度?

时间:2013-12-19 03:15:37

标签: highcharts

[example jsfiddle](http://jsfiddle.net/YpfBs/22/)

2问题:

  1. 我创建了一个包含多个馅饼的图表,但隐藏了一些馅饼。如果我改变容器的高度,每个馅饼都会变大,但仍然会隐藏一些馅饼。

  2. 每个馅饼有不同的名称,那么如何在馅饼中显示名称?

2 个答案:

答案 0 :(得分:0)

我找到了设置图表和馅饼大小的方法。

chart: {
renderTo: 'container',            
type: 'pie',
height:800     //height for chart
}

系列中的大小设置饼图的总大小,innerSize设置饼图的内部空白大小。

但第二个问题呢?如何设置显示每个馅饼的名称?

答案 1 :(得分:0)

对于饼图标签,请使用图表标签,例如:http://jsfiddle.net/YDdna/

所有代码:位置+内部大小+标签:

$('#chart').highcharts({
    labels: {
        items: [{
            html: '1st title',
            style: {
                left: '220px',
                top: '90px'
            }
        }, {
            html: '2nd title',
            style: {
                left: '220px',
                top: '310px'
            }
        }]
    },
    series: [{
        type: 'pie',
        center: [220, 80],
        size: 150,
        innerSize: 90,
        data: [3, 4, 3]
    }, {
        type: 'pie',
        center: [220, 300],
        size: 150,
        innerSize: 90,
        data: [3, 4, 3]
    }]
});