如何实现点击圆点显示自定义弹出层的效果ECharts Gallery

20:11:45图表已生成

代码

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弹层测试可用'
        });
    }
});

作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品