echarts 图例字体在颜色方块前面

ECharts是一款流行的JavaScript数据可视化库，如果你想在图例中调整字体位置，使其位于颜色方块之前，你可以通过配置`legend`选项来实现这一效果。在ECharts中，图例的具体样式可以通过`textStyle`属性来设置，包括字体颜色、大小以及`position`（默认是`inside`表示内侧，可以改为`top`或`right`等指定位置）。以下是示例配置：

var option = {
    legend: {
        data: ['SeriesA', 'SeriesB'], // 图例标题
        textStyle: { // 文本样式，包括颜色
            color: '#000', // 字体颜色
            fontSize: 14, // 字体大小
            position: 'left', // 将字体置于左侧，这里可以换成'top'、'bottom'或其他值
        },
        itemWidth: 60, // 图例项宽度
        itemHeight: 20, // 图例项高度
        left: '5%' // 控制图例相对于图表的位置
    },
    series: [
        ... // 系列配置
    ]
};

// 初始化图表并设置option
echarts.init(document.getElementById('main')).setOption(option);

在这个例子中，`position: 'left'`会使图例的标签文字显示在颜色方块的左边。