Echarts中如何设置图例和标签

在 ECharts 中，图例（legend）和标签（label）是两种不同的概念。图例用于表示图表中的不同系列（series），而标签用于表示数据项的具体信息。下面是如何在 ECharts 中设置图例和标签的方法：

1. 设置图例（legend）：

在 ECharts 的配置项中，可以通过 legend 属性来设置图例。例如：

option = {
    legend: {
        type: 'scroll', // 图例类型，可选值有 'plain', 'scroll', 'legend' 等
        orient: 'horizontal', // 图例布局朝向，可选值有 'horizontal', 'vertical' 等
        left: 'center', // 图例组件离容器左侧的距离
        top: 'top', // 图例组件离容器上侧的距离
        data: ['系列1', '系列2', '系列3'] // 图例数据，即系列名称
    },
    // 其他配置项...
};

2. 设置标签（label）：

在 ECharts 中，可以通过 series 中的 label 属性来设置标签。例如：

option = {
    // 其他配置项...
    series: [
        {
            name: '系列1',
            type: 'bar', // 图表类型，如 'bar', 'line', 'pie' 等
            data: [
                { value: 10, name: 'A' }, // 数据项，name 为标签名称，value 为数据值
                { value: 20, name: 'B' },
                { value: 30, name: 'C' }
            ],
            label: {
                show: true, // 是否显示标签
                position: 'top', // 标签位置，可选值有 'top', 'left', 'right', 'bottom', 'inside' 等
                color: '#000', // 标签字体颜色
                fontSize: 12, // 标签字体大小
                fontWeight: 'bold' // 标签字体加粗
            }
        },
        // 其他系列配置项...
    ]
};

通过上述配置，可以在 ECharts 中设置图例和标签。根据实际需求，可以调整配置项以实现不同的效果。更多关于 ECharts 的配置项和使用方法，可以参考官方文档：https://echarts.apache.org/zh/index.html