如图，当我的图例组件过多的时候能不能加个滚动条显示echarts 饼配置项内容和展示

当我的图例组件过多的时候能不能加个滚动条显示

      app.title = '嵌套环形图';

option = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',
        x: 'left',
        data: [
            'Android',
            'IOS',
            'OthersMobile',
            'Windows',
            'Mac',
            'Linux',
            'OthersPC',
            'aaa',
            'bbb',
            'ccc',
            'ddd',
            'eee',
            'fff',
            'hhh',
            'ggg',
            'iii',
            'jjj',
            'kkk',
            'lll',
            'mmm',
            'nnn',
        ]
    },
    series: [{
        name: '访问来源',
        type: 'pie',
        selectedMode: 'single',
        radius: [0, '30%'],

        label: {
            normal: {
                position: 'inner'
            }
        },
        labelLine: {
            normal: {
                show: false
            }
        },
        data: [{
            value: 75100817.1254119,
            name: '移动端',
            selected: true
        }, {
            value: 118182588.874588,
            name: 'PC 端'
        }, ]
    }, {
        name: '访问来源',
        type: 'pie',
        radius: ['40%', '55%'],

        data: [{
            value: 111,
            name: 'Android'
        }, {
            value: 222,
            name: 'IOS'
        }, {
            value: 333,
            name: 'OthersMobile'
        }, {
            value: 444,
            name: 'Windows'
        }, {
            value: 555,
            name: 'Mac'
        }, {
            value: 666,
            name: 'Linux'
        }, {
            value: 777,
            name: 'OthersPC'
        }, {
            value: 888,
            name: 'aaa'
        }, {
            value: 999,
            name: 'bbb'
        }, {
            value: 1010,
            name: 'ccc'
        }, {
            value: 2020,
            name: 'ddd'
        }, {
            value: 3030,
            name: 'eee'
        }, {
            value: 4040,
            name: 'fff'
        }, {
            value: 5050,
            name: 'hhh'
        }, {
            value: 888,
            name: 'ggg'
        }, {
            value: 999,
            name: 'iii'
        }, {
            value: 1010,
            name: 'jjj'
        }, {
            value: 2020,
            name: 'kkk'
        }, {
            value: 3030,
            name: 'lll'
        }, {
            value: 4040,
            name: 'mmm'
        }, {
            value: 5050,
            name: 'nnn'
        }, ]
    }]
};