optionToContent不起作用echarts 折线配置项内容和展示

尝试在修改contentToOption之后再加optionToContent不起作用,想要将这个表格下载,该怎么做?

配置项如下
      option = {
    title: {
        text: 'Awesome Chart'
    },
    toolbox: {
        show: true,
        feature: {
            dataView: {
                show: true,
                title: '数据列表',
                lang: ['数据列表', '关闭', '下载数据'],
                readOnly: false,
                optionToContent: function(opt) {
                    //debugger;
                    let tdBodys = ''; //数据
                    let table = '<table id="table" border="1" style="margin-left:0px;border-collapse:collapse;font-size:10px;text-align:center"><tbody>';
                    for (let i = 0, l = opt.xAxis[0].data.length; i < l; i++) {
                        table += '<tr><td style="padding: 0 5px">' + opt.xAxis[0].data[i] + '</td>' + '<td>' + opt.series[0].data[i] + '</td>' + '</tr>';
                    }
                    //debugger;
                    table += '</tbody></table>';
                    return table;
                }
            },
            contentToOption: function(view, opt) {
                debugger;
                console.log("called contentToOption.");

                return opt;
            },

            restore: {
                show: true
            },
            saveAsImage: {
                show: true
            },

        }
    },
    xAxis: {
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    },
    yAxis: {},
    series: [{
        type: 'line',
        data: [220, 182, 191, 234, 290, 330, 310]
    }]
};
    
截图如下