echarts饼图图例分成两列

要将echarts饼图图例分成两列，可以在legend中添加两个对象，分别设置不同的data和y值即可。具体代码如下：
legend: [
{
data: ['意大利', '巴西', '西班牙', '德国'],
icon: "roundRect",
x: 'center',
y: '0%'
},
{
data: ['英国', '法国', '美国', '俄罗斯'],
icon: "roundRect",
x: 'center',
y: '50%'
}
]
其中，第一个对象的y值为0%，第二个对象的y值为50%，这样就可以将图例分成两列了。

相关问题

vue echarts 饼图的legend两列排

你可以使用 ECharts 提供的 legend 的 formatter 属性来自定义 legend 的显示方式。以下是一个示例代码，展示如何将饼图的 legend 分为两列排列：

option = {
    // ... 其他配置项

    legend: {
        type: 'scroll',
        orient: 'vertical',
        right: 10,
        top: 20,
        bottom: 20,
        formatter: function(name) {
            let data = option.series[0].data; // 获取饼图的数据
            let total = 0;
            for (let i = 0; i < data.length; i++) {
                total += data[i].value;
            }
            
            let targetData = null;
            for (let i = 0; i < data.length; i++) {
                if (data[i].name === name) {
                    targetData = data[i];
                }
            }
            
            if (targetData) {
                let percent = ((targetData.value / total) * 100).toFixed(2);
                return name + ' (' + percent + '%)';
            } else {
                return name;
            }
        },
        data: ['数据项1', '数据项2', '数据项3', '数据项4', '数据项5', '数据项6']
    },

    // ... 其他配置项
};

上述代码中，我们通过设置 legend 的 formatter 属性来自定义每个 legend 的显示内容。在 formatter 函数中，我们根据饼图的数据计算每个数据项的占比，并将占比信息添加到 legend 中展示。

注意：上述代码中的 `option` 是 ECharts 配置项的一个示例，你需要根据自己的实际情况进行相应的修改。

echarts饼图图例

echarts 饼图的图例可以通过 legend 属性进行设置。下面是一个简单的示例代码：

option = {
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ['数据1', '数据2', '数据3']
    },
    series : [
        {
            name: '统计数据',
            type: 'pie',
            radius : '55%',
            center: ['50%', '60%'],
            data:[
                {value:335, name:'数据1'},
                {value:310, name:'数据2'},
                {value:234, name:'数据3'}
            ],
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};

在上面的代码中，legend 属性中的 data 数组存储的是需要展示的饼图的标签名称，每个标签名称与对应的数据项名称应该一一对应。在 series 属性中，饼图的数据存储在 data 数组中，每个数据项的 name 属性应该与 legend 中的标签名称一一对应。