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）上实现鼠标悬浮显示效果，可以使用 ECharts 提供的 tooltip 组件。通过配置 tooltip 组件的 trigger 属性为 'item'，并设置 formatter 属性来自定义悬浮显示的内容。

以下是一个示例配置：

option = {
  ...
  tooltip: {
    trigger: 'item',
    formatter: '{a} : {b}'
  },
  legend: {
    ...
  },
  ...
};

在上述示例中，tooltip 的 trigger 属性设置为 'item'，表示鼠标悬浮在图例项上时触发显示 tooltip。formatter 属性的值 '{a} : {b}' 是一个示例，您可以根据需要自定义显示的内容。

希望对您有所帮助！如果您还有其他问题，请随时提问。

echarts legend鼠标悬浮时显示提示框

您可以通过设置 `legend.tooltip` 属性来实现这个需求。将其设置为 `true`，即可让鼠标悬浮在图例项上时显示提示框。同时，您也可以使用 `tooltip` 属性来自定义提示框的样式和内容。例如：

option = {
    ...
    tooltip: {
        trigger: 'axis', // 触发类型为坐标轴轴线触发
        axisPointer: { // 坐标轴指示器配置项
            type: 'cross' // 指示器类型为十字准星
        }
    },
    legend: {
        data: ['图例1', '图例2'],
        tooltip: true // 鼠标悬浮时显示提示框
    },
    ...
};

您可以根据实际需求来调整 `tooltip` 属性中的配置项，例如设置提示框的背景色、边框样式、字体大小等等。