如何实现点击圆点显示自定义弹出层的效果echarts 折线配置项内容和展示

我想在每个圆点位置弹出自定义的弹出层

      option = {
    title: {
        text: 'Awesome Chart'
    },
    xAxis: {
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    },
    yAxis: {},
    series: [{
        type: 'line',
        data:[220, 182, 191, 234, 290, 330, 310]
    }]
};
//点击事件
myChart.on('click',function(params){
    if(params.dataIndex==0){
        //想用什么弹框自己来嘞
        //alert('第一个点');
        layer.alert('第一个点');
    }else if(params.dataIndex==1){
        layer.msg('测试可行。。', {icon: 1});
    }else{
        layer.open({
          type: 1,
          title: false,
          closeBtn: 0,
          area: ['500px', '300px'],
          shadeClose: true,
          skin: 'yourclass',
          content: 'layer弹层测试可用'
        });
    }
});