右上角数据视图工具切换，怎么绑定不了点击事件echarts 折线配置项内容和展示

官网API提供的magictypechanged 绑定事件 为什么唯独绑定不了工具栏中数据视图

      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]
    }],
    toolbox: {
        show: true,
        top: '0',
        right: '20',
        itemSize: '20',
        feature: {
            dataZoom: {
                show: false
            },
            dataView: {
                readOnly: true,
                optionToContent: function(opt) {
                    var axisData = opt.xAxis[0].data;
                    var series = opt.series;

                    var tbody = ''
                    for (var i = 0, l = axisData.length; i < l; i++) {
                        tbody += '<tr>' +
                            '<td>' + axisData[i] + '</td>' +
                            '<td>' + series[0].data[i] + '</td>' +
                            '</tr>';
                    }
                    var table = '<table class="index_tab" style="width:100%;text-align:center"><thead><tr>' +
                        '<th>套</th>' +
                        '<th>' + series[0].name + '</th>' +
                        '</tr>' +
                        '</thead><tbody>' +
                        tbody +
                        '</tbody></table>';
                    return table;
                }
            },
            magicType: {
                type: ['bar']
            },
            restore: {
                show: false
            },
            saveAsImage: {
                show: false
            }
        }
    },
};
myChart.on('dataviewchanged', function(e) {
    alert(1)

});
myChart.on('magictypechanged', function(e) {
    alert(1)

})