echarts点击弹出窗口

要实现Echarts点击弹出窗口的功能，可以通过Echarts的事件处理函数来实现。具体步骤如下：

1. 在Echarts图表的option配置中，设置series中数据项的itemStyle属性，添加click事件处理函数。示例代码如下：

option = {
    series: [{
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20],
        itemStyle: {
            // 点击事件
            emphasis: {
                color: 'red'
            },
            // 普通状态
            normal: {
                color: 'blue'
            }
        },
        // 点击事件处理函数
        onclick: function(params) {
            // 在这里编写点击事件的处理逻辑，比如弹出窗口
            alert('你点击了柱状图，当前的值为：' + params.value);
        }
    }]
};

2. 在点击事件处理函数中，编写弹出窗口的逻辑。可以使用JavaScript的原生方法或者第三方库来实现。例如，使用Bootstrap框架的Modal组件来弹出窗口，示例代码如下：

onclick: function(params) {
    // 创建模态框
    var modal = $('<div class="modal fade" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title">提示</h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body">你点击了柱状图，当前的值为：' + params.value + '</div><div class="modal-footer"><button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button></div></div></div></div>');
    // 显示模态框
    modal.modal('show');
}

这样，当点击Echarts图表中的柱状图时，就会弹出一个模态框，显示当前柱状图对应的值。