Highcharts 在一个容器中使用多个饼图时,如何对齐highchart图例?

Highcharts 在一个容器中使用多个饼图时,如何对齐highchart图例?,highcharts,Highcharts,嗨,我有两个饼图在一个容器中使用HighCharts Highcharts.chart('container', { chart: { type: 'pie' }, plotOptions: { series: { dataLabels: { enabled: false } } }, series: [{ size: '50%',

嗨,我有两个饼图在一个容器中使用HighCharts

Highcharts.chart('container', {
    chart: {
        type: 'pie'
    },
    plotOptions: {
        series: {
        dataLabels: {
            enabled: false
        }
      }
    },
    series: [{
        size: '50%',
        center: ['25%', '50%'],
        data: [1, 2, 3, 4, 5, 6],
        showInLegend: true,
    }, {
        size: '50%',
        center: ['75%', '50%'],
        data: [1, 2, 3, 4, 5, 6],
        showInLegend: true,
    }]
});

现在我想对齐每个饼图图例,以便用户可以区分哪个图例属于哪个饼图

如何解决这个问题


现在谢谢你,这是不可能的。图表上只能有一个图例

作为一种解决方法,您可以将它们拆分为单独的容器:

Highcharts.chart('container1'{
图表:{
键入:“馅饼”
},
标题:{
文本:“”
},
打印选项:{
系列:{
数据标签:{
已启用:false
}
}
},
学分:{
已启用:false
},
系列:[{
大小:“80%”,
数据:[1,2,3,4,5,6],
showInLegend:是的,
}]
});
海图。海图('container2'{
图表:{
键入:“馅饼”
},
标题:{
文本:“”
},
打印选项:{
系列:{
数据标签:{
已启用:false
}
}
},
学分:{
已启用:false
},
系列:[{
大小:“80%”,
数据:[1,2,3,4,5,6],
showInLegend:是的,
}]
});
#容器1{
宽度:50%;
浮动:左;
}
#集装箱2{
宽度:50%;
}


谢谢,如果没有构建解决方案,我想这就是goYes的方法,至少现在是这样。有计划在未来的Highcharts发行版中实现高级图例模块,这样就有可能实现。