angularjs - Echarts 3.6.2 图例类型“滚动”未正确应用
问题描述
在我的 angularJs 项目中,我有一个饼图 Echarts,我将其定义如下。问题是我可能有很多图例,我知道我可以type:'scroll'
从这里制作它,但我失败了,它没有影响。
$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
我的代码有什么问题?
解决方案
从 v3.7.0 开始支持可滚动的legned。
推荐阅读
- java - 使用带有 groovy 对方付费电话的 FindAll 机箱时出现问题
- mysql - 为什么Mysql中的两个字符串是一样的?
- amazon-web-services - AWS Transfer for SFTP - 自定义身份提供商
- python - 从图像中检测非文本数据:Python
- javascript - 如何更改堆栈 push() 第二个结果的下一个是 [object]?
- python - 在 for 循环中使用 unpack 而不是在 python 中使用 unpack 有什么区别
- ruby-on-rails - 你如何构造具有可以在 rspec 中查询的 has_many 关联的对象?
- android - 我如何获取已安装的 Android 系统字体列表并应用于自定义键盘
- php - 库 Mpdf (php):设置 utf-8 并将 WriteHTML 与 utf-8 一起使用
- javascript - 谷歌标签 - 每次点击都会改变 Javascript 变量值