程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Echarts 3.6.2 Legend Type "scroll" 应用不正确大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决Echarts 3.6.2 Legend Type "scroll" 应用不正确?

开发过程中遇到Echarts 3.6.2 Legend Type "scroll" 应用不正确的问题如何解决?下面主要结合日常开发的经验,给出你关于Echarts 3.6.2 Legend Type "scroll" 应用不正确的解决方法建议,希望对你解决Echarts 3.6.2 Legend Type "scroll" 应用不正确有所启发或帮助;

在我的 angularJs 项目中,我有一个饼图 Echarts,我像下面这样定义它。问题是我可能有很多图例,我看到我可以使用 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.5)'
                            }
                        }
                    }]
                }
            }
        }
//http request to get data
$scope.pIEEcharts1.option.legend.data = nameArray
$scope.pIEEcharts1.option.serIEs[0] = dataArray

我的代码有什么问题?

解决方法

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

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

大佬总结

以上是大佬教程为你收集整理的Echarts 3.6.2 Legend Type "scroll" 应用不正确全部内容,希望文章能够帮你解决Echarts 3.6.2 Legend Type "scroll" 应用不正确所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。