我想在我的页面上显示两个饼图,彼此相邻。它们都是相同的样式但不同的数据。这可能吗?怎么做?
谢谢
您可以在同一个图表上拥有多个系列的饼图数据
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-chart 它可能会有所帮助