echarts折线图点击点时弹出框

可以使用ECharts的tooltip方法来实现在折线图点击点时弹出框的效果。具体步骤如下：

1.在ECharts的option中设置tooltip属性，将trigger属性设置为'axis'，表示通过点击坐标轴触发tooltip，将axisPointer属性设置为'trigger'，表示坐标轴指示器会随着鼠标移动而移动。

2.在tooltip属性中设置formatter属性，用于自定义tooltip的显示内容。在formatter属性中，可以使用回调函数来获取当前点击的数据，并将其显示在tooltip中。

3.在回调函数中，可以使用params参数来获取当前点击的数据，然后将其显示在tooltip中。同时，可以使用ECharts提供的API来控制tooltip的显示和隐藏。

下面是一个示例代码，用于实现在折线图点击点时弹出框的效果：

option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            label: {
                backgroundColor: '#6a7985'
            }
        },
        formatter: function(params) {
            // 获取当前点击的数据
            var data = params[0].data;
            // 显示tooltip
            var result = '<div style="background-color:#fff;padding:10px;">';
            result += '<div>当前点击的数据为：' + data + '</div>';
            result += '</div>';
            return result;
        }
    },
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }]
};

// 绑定点击事件
myChart.on('click', function(params) {
    // 显示tooltip
    myChart.dispatchAction({
        type: 'showTip',
        seriesIndex: 0,
        dataIndex: params.dataIndex
    });
});