javascript Highcharts 甜甜圈派/图例位置

Highcharts donut pie/legends position

提问by mistenkt

So im having a hard time figuring out how to set up the layout for the pie/legend positions. I want the legend to be aligned to the left, and the pie aligned to the right. 40/60 percentages -ish.

所以我很难弄清楚如何为饼图/图例位置设置布局。我希望图例左对齐，饼图右对齐。40/60 百分比 -ish。

like so:

像这样：

chart = new Highcharts.Chart({
        chart: {
            renderTo: 'chart',
            type: 'pie',
        },
        credits: {
            enabled: false
        },
        title: {
            text : '',
        },
        plotOptions: {
            pie: {
                shadow: false,
                borderWidth: 0
            }
        },
        tooltip: {
            enabled: false
        },
        series: [{
            data: [
                {
                    name: "first",
                    y: 23
                },
                {
                    name: "second",
                    y: 8
                },
                {
                    name: "third",
                    y: 11
                },
                {
                    name: "fourth",
                    y: 11
                },
                {
                    name: "fifth",
                    y: 47

                }
            ],
            size: '100%',
            innerSize: '67%',
            showInLegend: true,
            dataLabels: {
                enabled: false
            }
        }]
    })

回答by epoch

How about just adding the legendto the chart options, as stated by the API?

legend如API所述，将仅添加到图表选项如何？

legend: {
    align: 'left',
    layout: 'vertical',
    verticalAlign: 'top',
    x: 40,
    y: 0
}

which renders this:

这使得这个：

the rest you can do with CSS styling

剩下的你可以用 CSS 样式来做