echart 饼图数据显示
正常饼图是鼠标移动到饼图上面显示数据,
现在可以直接显示在每块饼图变;
option = {
title : {
text: '某站点用户访问来源',
subtext: '纯属虚构',
x:'center'
},
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
},
series : [
{
name: '访问来源',
type: 'pie',
radius : '55%',
label: {
normal: {
formatter: ' {b}:{c} {d}%',//此处可以改变需要的样式
backgroundColor: '#eee',
borderColor: '#aaa',
borderWidth: 1,
borderRadius: 4,
rich: {
a: {
color: '#999',
lineHeight: 22,
align: 'center'
},
hr: {
borderColor: '#aaa',
width: '100%',
borderWidth: 0.5,
height: 0
},
b: {
fontSize: 16,
lineHeight: 33
},
per: {
color: '#eee',
backgroundColor: '#334455',
padding: [2, 4],
borderRadius: 2
}
}
}
},
center: ['50%', '60%'],
data:[
{value:335, name:'直接访问'},
{value:310, name:'邮件营销'},
{value:234, name:'联盟广告'},
{value:135, name:'视频广告'},
{value:1548, name:'搜索引擎'}
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
echart 饼图数据显示相关推荐
- 关于echart 饼图显示不出来 挖坑总结
关于echart 饼图显示不出来 挖坑总结 近来公司的移动端app,作业页面,从后台接口返回的是:老师布置一次作业的所有题目信息,在app页面除了展示题目信息之外,还需要统计A\B\C\D,正确\错误 ...
- Echart饼图-圆形图修改重新绘制
首先看看默认效果: 代码如下: option = {tooltip: {trigger: 'item'},legend: {top: '5%',left: 'center'},series: [{na ...
- 单击Echart饼图实现数据钻取
使用场景和需求: 第一层饼图显示党员党龄分布的情况. 点击某个党龄段,查看拥有该党龄段的党支部. 默认显示3个党支部,余下的党支部合并为其它,点击其它,查看余下的党支部. 点击某个党支部,返回第一层饼 ...
- echart饼图标签重叠_怎么让ECharts饼图的label标签不重叠?
1.怎么让ECharts饼图的label标签不重叠? 使用ECharts饼图,如果有的项目占比很小,饼图所占空间也比较小的时候,会出现label标签重叠.标签被截断的情况(图1). 可以通过设置rad ...
- echart饼图label超出绘图区域显示省略号
最近在工作遇到这样一个问题,在绘制饼图时,由于label文字过长,而超出了canvas的绘图区域,导致超出的label直接被截掉.dalao要我帮忙看一下这个问题- 阐述问题: 就像正常的思路一样,用 ...
- echart 饼图设置指引线_EXCEL中把饼图砍一半,美观程度瞬间提升
EXCEL中饼图是常用的图表之一,好多人也习惯了直接使用饼图.今天教给大家一个饼图的小技巧,我们只用一半饼图比整个饼图的效果要好很多,如下图是整个饼图和半饼图的对比情况. 这个半饼图是如何做出来的呢, ...
- echart饼图标签重叠_Echarts 解决饼图文字过长重叠的问题
之前在网上查找了很多关于解决饼图文字描述过长导致重叠的问题,找了很多一直没有一个合适的解决方案,最后自己只能花时间研究echarts文档,功夫不负有心人,终于解决了文字重叠展示不全等问题. 废话不多说 ...
- echart 饼图设置指引线_表示整体和部分的条饼图,走起!|Excel144
小伙伴们大家好,今天分享一个组合图的绘制技巧,表示整体和部分关系的条饼图. 效果如下图所示: 数据源如下图所示:左表中的[其它]包括右表中的全部项目,[其它]的金额总和等于右表所有项目的总和.具体操作 ...
- echart饼图标签重叠_解决echarts中饼图标签重叠的问题
饼图中的series有个avoidLabelOverlap属性, avoidLabelOverlap:是否启用防止标签重叠策略,默认开启,在标签拥挤重叠的情况下会挪动各个标签的位置,防止标签间的重叠. ...
最新文章
- jmeter学习指南之响应断言和beanshell断言
- 深度学习(三十九)——深度强化学习(2)概述, Deep Q-learning Network(1)
- CSDN开播工具-主持人使用说明
- STM32----摸石头过河系列(七)
- 文件I/O实践(1) --基础API
- C++ 以对象管理资源
- Vue 进阶系列(一)之响应式原理及实现
- Mac 中 PyCharm 配置 Anaconda环境
- 费诺编码的gui页面设计_GUI设计和UI设计有什么区别?
- 大家的第一次创业钱是通过什么方式得到的呢?
- 企业应该如何运用商业智能
- grpc java 泛型_关于使用GRPC遇到的BUG-Go语言中文社区
- 性能测试指标(重要)
- python︱mysql数据库连接——pyodbc
- 《OSPF网络设计解决方案(第2版)》一1.4 TCP/IP协议簇
- 捕捉百合网的女同志和echarts展示
- 想杀死某个端口进程,但在服务列表中却找不到,可以之间通过命令行找到这个进程并杀死该进程,减少重启电脑和找到问题根源。
- jquery 录屏_Fundebug录屏插件更新至0.6.0
- AVT Mako/Manta面阵相机开发小结
- 收集的各个方向的开发视频教程,分享给自学的同学
热门文章
- 物联网卡要求实名认证的真正原因你知道吗?
- 计算机毕业设计Java新生报到管理(源码+系统+mysql数据库+lw文档)
- 上海域格ASR和高通模块 USB端口分配及Linux下拨号说明
- c语言进程伪装,易语言程序伪装软件
- Centos7 Failed to start xxx.service: Unit not found
- 【基础知识】深度学习中各种归一化方式详解
- Gsensor旋转180°怎么处理
- 用计算机网络专业说一句情话,用你的专业,说一句情话!
- 使用Fiddler劫持网络资源
- 史上最权威的人工智能学习网站推荐