Echarts 3.6.2图例legend的scroll类型配置不生效如何解决

1. Echarts版本不支持 #

legend.type: 'scroll' 是 Echarts v3.5及以上版本 才新增的属性，如果你项目中引入的Echarts版本低于该版本，该配置会直接被忽略，升级到符合要求的版本即可。

2. 配置赋值错误 #

你的代码中存在系列配置覆盖的逻辑错误：

// 错误写法：直接覆盖了整个series[0]对象，原本的type、radius等饼图配置全部丢失
$scope.pieEcharts1.option.series[0] = dataArray
// 正确写法：只给系列的data属性赋值
$scope.pieEcharts1.option.series[0].data = dataArray

3. 未触发Echarts重绘 #

你直接修改$scope下的option属性后，Echarts实例无法自动感知配置变化，需要手动调用setOption方法触发重绘：

// 数据赋值完成后执行，替换为你实际的饼图容器ID
const chartInstance = echarts.init(document.getElementById('pie-chart-container'))
chartInstance.setOption($scope.pieEcharts1.option)

如果你使用的是AngularJS封装的Echarts指令，需要确保指令开启了配置变更监听，或者调用指令暴露的重绘方法。

4. 未给图例设置高度限制 #

垂直排列的滚动图例需要明确配置高度阈值，当图例总高度超过该阈值时才会触发滚动效果，给legend配置增加height或者top/right/bottom的边界限制即可：

legend: {
    orient: 'vertical',
    left: 'right',
    type:'scroll',
    height: '80%', // 增加高度限制，最多占容器高度的80%，超出后自动滚动
    data: []
}

内容的提问来源于stack exchange，提问作者Ryan