echarts柱状图顶部 鼠标移入才出现提示框样式 移后消失

您可以使用 ECharts 的 tooltip.trigger 属性来设置提示框的显示方式。设置此属性为 'axis'，则提示框将在鼠标悬停在坐标轴上时显示。您还可以使用 tooltip.axisPointer.type 属性来设置指针类型（例如：直线、圆角矩形等）。更多详细用法可以参考 ECharts 官方文档。

相关问题

echarts柱状图顶部 鼠标移入出现框框

你可以使用 tooltip 配置项控制鼠标移入柱状图时的提示框，可以通过设置 trigger 属性为 'axis'，让提示框在鼠标移动到柱状图上时显示。同时，还可以设置 axisPointer 属性来定制提示框的样式和位置。以下是一份示例代码：

option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        }
    },
    xAxis: {
        data: ['A', 'B', 'C', 'D', 'E'],
        axisTick: {
            alignWithLabel: true
        }
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name:'销量',
            type:'bar',
            barWidth: '60%',
            data:[10, 52, 200, 334, 390]
        }
    ]
};

当你将鼠标移动到柱状图的某个位置时，会出现类似于下面这样的提示框：

A
销量: 10

如果需要自定义提示框的样式和内容，可以参考官方文档中的相关配置项。

echarts柱状图取消鼠标移入高亮

要取消鼠标移入高亮，可以使用echarts的emphasis属性，将它设置为false即可。具体的方法是在series的itemStyle中设置emphasis属性为false，例如：

series: [{
    type: 'bar',
    data: [5, 20, 36, 10, 10, 20],
    itemStyle: {
        normal: {
            color: '#36cfc9',
        },
        emphasis: {
            color: '#ff7875', // 高亮颜色
            opacity: 1, // 高亮透明度
            show: false // 取消高亮
        }
    }
}]

这样就可以取消鼠标移入时的高亮效果了。