echarts数据点击显示 移开消失

您可以通过监听 echarts 的鼠标事件来实现数据点击显示、移开消失的效果。

具体实现方式如下：

1. 在 echarts 的 options 中，为需要添加点击事件的系列数据添加上 `itemStyle` 和 `emphasis` 属性，分别设置其样式和高亮样式。

series: [{
    name: '数据系列',
    type: 'bar',
    data: [10, 20, 30, 40, 50],
    itemStyle: {
        normal: {
            color: '#36b2d8'
        },
        emphasis: {
            color: '#ff6666'
        }
    }
}]

2. 监听 echarts 的 `mouseover` 和 `mouseout` 事件，在事件回调函数中判断当前是否为需要添加点击事件的数据，如果是，则根据鼠标位置添加一个 tooltip，并将 tooltip 的内容设置为当前数据项的值。

myChart.on('mouseover', function(params) {
    if (params.componentType === 'series' && params.seriesType === 'bar') {
        myChart.dispatchAction({
            type: 'showTip',
            seriesIndex: params.seriesIndex,
            dataIndex: params.dataIndex
        });
    }
});

myChart.on('mouseout', function(params) {
    if (params.componentType === 'series' && params.seriesType === 'bar') {
        myChart.dispatchAction({
            type: 'hideTip',
            seriesIndex: params.seriesIndex,
            dataIndex: params.dataIndex
        });
    }
});

3. 在 echarts 的 options 中，设置 tooltip 的样式和内容。

tooltip: {
    trigger: 'axis',
    axisPointer: {
        type: 'shadow'
    },
    formatter: function(params) {
        return params[0].value;
    }
}

这样，当鼠标移动到数据柱上时，会出现一个 tooltip 显示当前数据项的值；当鼠标移开时，tooltip 消失。如果需要添加点击事件，可以在 `click` 事件回调函数中处理。