ECharts 饼图 legend 样式修改
来源:互联网 发布:java socket长连接心跳 编辑:程序博客网 时间:2024/05/22 05:19
在移动端展示一个数据很多的饼图的时候,首先看一下效果。ECharts legend 配置项
1 legend 让它在右面竖着显示。
legend: { type: 'scroll', orient: 'vertical', show: true, right: 0, top: 20, bottom: 20, textStyle: { fontSize: 7 }, formatter: function (name) {return (name.length > 8 ? (name.slice(0,8)+"...") : name ); }, data: [] },
我这里用到的ECharts 是 3.5 版本的,如果你的legend特别多,右面的显示应该是分页状态,这个是在3.7版本上加进去的,可以看EChatrs日志,效果是这样的
我这里formatter 这个作用是 当文字大于8个字符的时候,之后的字符显示"...",
另外一个就是修改 series 的label ,让饼图的扇叶区内显示百分比,
label: { normal: { show: true, position: 'inner', formatter: '{d}', fontSize: 7 } },
阅读全文
0 0
- ECharts 饼图 legend 样式修改
- echarts 修改legend样式(矩形、圆、默认等)
- echarts 修改图例legend颜色
- echarts legend过多问题解决
- 修改flex chart中Legend的字体样式
- 修改flex chart中Legend的字体样式
- 修改Flex chart中Legend的字体样式
- echarts中legend换行居中
- echarts中的事件触发(legend)
- echarts的legend分多处排列
- Echarts 饼状图的标注 字体等样式修改
- 关于echarts自定义legend显示问题
- Echarts图表展示时legend失效
- Echarts图例legend过多,采用翻页处理
- echarts 种 legend 的相关问题
- echarts动态加载legend时候的坑
- echarts设置默认不显示某些legend
- Flex chart设置Legend样式
- python中yield的使用
- Python转换GMT时间为时间戳,并计算时间差
- IDEA避坑整理
- PlayerMaker小球随机弹跳练习
- 题目: 编写一个程序,实现设置上月、本月电表读数,显示上月、本月电表读数,计算并显示本月用电数。假设每度电的价格为1.2元,计算并显示本月电费。
- ECharts 饼图 legend 样式修改
- iOS股票K线图、校园助手、适配iPhone X、版本检测等源码
- 如何制作自己的数据集
- 剑指offer 求1+2+3+...+n
- ECMAScript 6 入门学习(1.let和const命令)
- Android Studio 3.0——unable to resolve dependency for cordovalib
- linux 下安装并运行kettle 程序
- siamese(孪生) 网络
- Visual Leak Detector工作原理(旧版本)