echart 饼图图例legend支持滑动
ps: 以下针对option操作
文章目录
图例过多加上滚动条
图例形状
图例自定义显示
图例过多加上滚动条
legend:{
top:'50',
bottom:'50',
type:'scroll',
}
避免可能出现的翻页下标错乱,加上间距top / bottom属性
图例形状
legend:{
data:legeData
}
legeData=[{name:'xx',value:100,icon:'circle'}];
其他扩展
http://echarts.baidu.com/option.html#legend.data.icon
图例自定义显示
legend:{
formatter:function(name){
var total = 0;
var target;
for (var i = 0, l = arr.length; i < l; i++) {
total += arr[i].value;
if (arr[i].name == name) {
target = arr[i].value;
}
}
return name + ' | ' +((target/total)*100).toFixed(2) + '%'+" "+target+" 条";
},
}
arr 为name,value 数组
formatter 为图例函数扩展
---------------------
作者:lzty_天涯
来源:CSDN
原文:https://blog.csdn.net/qq_33129625/article/details/81328002
版权声明:本文为博主原创文章,转载请附上博文链接!
最新文章
- PHP执行文档操作
- iOS整体框架类图
- linux下motion摄像头监控编译与配置
- Linux环境下使用gcc编译,gdb反汇编C语言程序
- 立即执行函数与window.onload作用类似
- 利用Spring中的HtmlUtils.htmlEscape(input)过滤html
- [topcoder]HappyLetterDiv2
- Linux进程间通信IPC学习笔记之同步二(SVR4 信号量)
- 神经网络及其简单实现(MATLAB)
- 深度神经网络(DNN)模型与前向传播算法
- 逆向libbaiduprotect(四)
- 关于发布中报“未能加载文件或程序集“Newtonsoft.Json”或它的某一个依赖项”的问题解决方法
- C++关于Union使用的部分总结
- [转]Navicat Premium 12试用期的破解方法
- 《CSS揭秘》笔记(一)
- 1.2socket服务器使用多线程
- vba遗传算法之非一致性突变
- Mybatis数据库连接报错:对实体 ";characterEncoding"; 的引用必须以 &#39;;&#39; 分隔符结尾
- hdu 3664 1~n排列(ai>;i ) 为k个数
- angularJS1笔记-(16)-模块里的constant、value、run