echarts legend文字样式

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

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

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

相关问题

echarts legend文字鼠标悬浮变色

您可以使用ECharts提供的tooltip功能实现legend文字鼠标悬浮变色的效果。具体做法如下：

1. 在legend配置项中，设置selectedMode为false，禁止点击切换legend状态，使得legend文字处于常态状态。

2. 在tooltip配置项中，设置formatter回调函数，用于自定义tooltip的显示内容。在回调函数中，可以通过params.name判断当前鼠标悬浮的是哪个legend，然后使用CSS样式设置相应的颜色，实现文字变色的效果。

示例代码如下：

option = {
    legend: {
        selectedMode: false,
        data: ['图例1', '图例2', '图例3']
    },
    tooltip: {
        formatter: function(params) {
            var name = params.name;
            var color = ''; // 根据name设置颜色
            return '<span style="color:' + color + '">' + name + '</span>';
        }
    },
    // 省略其他配置项和数据
};

注意：为了使tooltip只在鼠标悬浮在legend文字上时显示，而不是在整个图表区域都显示，可以将trigger配置项设置为'item'。

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]
}