关于自定义系列onclick事件不能触发的问题echarts custom配置项内容和展示

自定义系列renderItem函数返回对象中加入的onclick事件无法触发，求大神指教！！！

      var data = [];

for (var i = 0; i < 10; i++) {
    data.push({
        value: [i + 1, 1, i + 3, i]
    });
}

function renderItem(params, api) {
    var start = api.coord([api.value(0), api.value(0)]);
    var size = api.size([api.value(1), api.value(1)]);
    var textStart = api.coord([api.value(2), api.value(0)]);

    return {
        type: 'group',
        children: [{
            type: 'rect',
            shape: {
                x: start[0],
                y: start[1],
                width: size[0],
                height: size[1]
            },
            style: {
                fill: '#000ff',
                stroke: '#000ff'
            },
            onclick: function() {
                alert("rect");
            }
        }, {
            type: 'text',
            style: {
                x: textStart[0],
                y: textStart[1],
                text: api.value(3)
            },
             onclick: function() {
                alert("number");
            }
        }]
    };
}

option = {
    grid: {
        top: 0,
        left: 0
    },
    xAxis: {
        show: false,
        gridIndex: 0,
        max: 15
    },
    yAxis: {
        gridIndex: 0,
        inverse: true,
        max: 15
    },
    series: [{
        type: 'custom',
        renderItem: renderItem,
        data: data
    }]
};