如何将相邻的两个饼图(高图)对齐



我想在我的页面上并排显示两个饼图。它们都是相同的样式,但数据不同。这可能吗?怎么可能?

感谢

在同一图表上可以有多个饼图数据系列

var chart = new Highcharts.Chart({
chart: {
    renderTo: 'container',
    type: 'pie'
},
title: {
    text: 'Group Name'
},
series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
    center: ['20%'],
    name: 'foo'
}, {
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
    center: ['80%'],
    name: 'bar'
}],
plotOptions: {
    pie: {
        dataLabels: {
            enabled: false
        }                
    }            
}

});

jsfiddle:http://jsfiddle.net/4NtBw/

另一个解决方案是为两个图表设置相同的大小。这将禁用为带有dataLabels的饼图智能调整大小的选项,您将获得两个大小相同的图表,都启用了dataLabels。

搜索中心位于:http://docs.highcharts.com/#polar-图表它可能有助于

最新更新