echarts饼状图怎样让图例换行

Posted 2023-04-19

我猜你问的可能是两种情况，那我就都说一下：

1，你想要这些图例说明竖着排列，那么只要设置 orient: 'vertical', 即可；

2，你想要图例里面的图标和文字换行，那么只要加“\\n”即可

参考技术A 设置echarts饼状图大小： radius : '55%', ------------这个属性设置图的大小 c 参考技术B 使用padding调整内边距，x，y属性调整位置，可实现换行

hightchart的3d饼状图图例显示问题记录

3d饼状图不显示图例，需要在plotOptions.pie.showInLegend设置为true

var chart = Highcharts.chart(\'container\', {
    chart: {
        type: \'pie\',
        options3d: {
            enabled: true,
            alpha: 45,
            beta: 0
        }
    },
    title: {
        text: \'\'
    },
    legend:{
        align: \'left\',
        verticalAlign:\'top\',
        x: 0,
        y: 100
    },
    tooltip: {
        pointFormat: \'{series.name}: <b>{point.percentage:.1f}%</b>\'
    },
    plotOptions: {
        pie: {
            allowPointSelect: true,
            cursor: \'pointer\',
            showInLegend: true,
            depth: 35,
            dataLabels: {
                enabled: true,
                format: \'{point.name}\'
            }
        }
    },
    series: [{
        type: \'pie\',
        name: \'浏览器占比\',
        data: [
            [\'Firefox\',   45.0],
            [\'IE\',       26.8],
            [\'Safari\',    8.5],
            [\'Opera\',     6.2],
            [\'Others\',   0.7]
        ]
    }]
});