echarts legend文字样式

您可以使用下面的代码来设置ECharts图例的文字样式：

legend: {
    textStyle: {
        color: 'red',
        fontWeight: 'bold',
        fontSize: 14
    }
}

在这个代码中，您可以修改属性值来调整文字颜色，文字粗细和文字大小，从而实现自定义样式。

相关问题

echarts legend文字鼠标悬浮变色

您可以通过设置 `legend.hoverLink` 属性来实现这个需求。将其设置为 `true`，即可让图例和数据项在鼠标悬浮时互相联动。同时，您可以使用 `legend.textStyle` 属性设置图例文字样式，包括颜色、字体大小等等。例如：

option = {
    ...
    legend: {
        data: ['图例1', '图例2'],
        textStyle: {
            color: '#333', // 图例文字颜色
            fontSize: 12 // 图例文字大小
        },
        hoverLink: true // 鼠标悬浮时图例和数据项联动
    },
    ...
};

当鼠标悬浮在图例项上时，其文字将会变成默认的链接颜色，您可以通过 CSS 样式表来设置链接颜色，例如：

a {
    color: blue; // 设置链接颜色为蓝色
}

echarts legend自定义样式

要自定义echarts的legend样式，可以在legend属性中添加一些属性来实现。

例如，可以通过设置textStyle属性来自定义图例文字的样式，包括颜色、字体大小、粗细等。可以设置backgroundColor属性来定义图例的背景颜色。

另外，可以通过设置itemWidth和itemHeight属性来定义图例项的宽度和高度，从而调整图例项的大小。可以通过设置padding属性来调整图例项之间的间距。

以下是一个示例代码，展示如何自定义echarts的legend样式：

legend: {
    orient: 'vertical',
    right: 10,
    y: 'center',
    textStyle: {
        color: 'red',
        fontSize: 14,
        fontWeight: 'bold'
    },
    backgroundColor: 'lightgray',
    itemWidth: 20,
    itemHeight: 10,
    padding: [10, 10, 10, 10]
}