Echarts 3.6.2 Legend Type "scroll" 应用不正确

Question

在我的 angularJs 项目中，我有一个饼图 Echarts，我将其定义为 below.The 问题是我可能有很多图例，我发现我可以使用 type:'scroll' 来从 here 开始，但我失败了，没有任何影响。

$scope.pieEcharts1 = {
                option: {
                    title: {
                        text: 'MyPieChart',
                        left: 'left',
                    },
                    tooltip: {
                        trigger: 'item',
                        formatter: "{a} <br/>{b} : {c} ({d}%)"
                    },
                    legend: {
                        orient: 'vertical',
                        left: 'right',
                        type:'scroll',//does not work
                        data: []
                    },
                    label: {
                        normal: {
                            show: true,
                            formatter: '{d}%'
                        }
                    },
                    labelLine: {
                        normal: {
                            show: true
                        }
                    },
                    series: [{
                        name: 'MyData',
                        type: 'pie',
                        radius: '62%',
                        center: ['50%', '50%'],
                        data: [],
                        itemStyle: {
                            emphasis: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        }
                    }]
                }
            }
        }
//http request to get data
$scope.pieEcharts1.option.legend.data = nameArray
$scope.pieEcharts1.option.series[0] = dataArray

我的代码有什么问题？

Answer 1

从 v3.7.0 开始支持可滚动的 legned。

https://echarts.apache.org/zh/changelog.html#v3-7-0