1、源码

app.title = '环形图';option = {tooltip: {trigger: 'item',formatter: "{a} <br/>{b}: {c} ({d}%)"},legend: {left:250,top:40,width:1000,height:200,// align:'right',//图例标记和文本的对齐backgroundColor:'pink',// padding:20,//图例内边距formatter: function (name) {//用来格式化图例文本return 'Legend{a| ' + name+'}';},inactiveColor:'green',//图例关闭时的颜色textStyle:{color:'#fff',fontStyle:'normal',fontWeight:'bolder',   fontSize:18,backgroundColor:'green',borderColor:'red',borderWidth:4,borderRadius:10,padding:10,//文字块的内边距textBorderColor:'blue',//文字本身的描边颜色textBorderWidth:4,rich: {a: {lineHeight:40,//行高,rich 中如果没有设置 lineHeight,则会取父层级的 lineHeight}}},itemGap:20,//图例每项之间的间隔itemWidth:30,//图例标记的图形宽度itemHeight:20,//图例标记的图形高度data:[{name:'直接访问',icon:'rect'},{name:'邮件营销',icon:'triangle'},{name:'联盟广告',icon:'diamond'}]},series: [{name:'访问来源',type:'pie',radius: ['50%', '70%'],avoidLabelOverlap: false,label: {show:false,},data:[{value:335, name:'直接访问'},{value:310, name:'邮件营销'},{value:234, name:'联盟广告'},]}]
};

饼图-图例标记及文字的设置相关推荐

  1. echart:饼图扇形颜色和文字颜色设置

    效果图:扇形颜色和文字颜色保持一致 data: [{value: 40,name: '襄州区',// 设置扇形的颜色itemStyle: {color: 'red'},// 设置文字的颜色label: ...

  2. echarts中如何配置图例形状、图标宽高、图标和文字间距、图例位置、文字颜色、字体大小

    1.代码和注释如下 var option ={legend: {bottom: '5%',//图例距离整个容器底部的距离left: 'center',//图例距离整个容器左边data: ['完成', ...

  3. echarts中配置图例形状、图标宽高、图标和文字间距、图例位置、文字颜色、字体大小等基础配置

    代码及注释 var option ={legend: {bottom: '5%',//图例距离整个容器底部的距离left: 'center',//图例距离整个容器左边data: ['完成', '较好' ...

  4. swift5导航栏标题文字属性设置

    swift5导航栏标题文字属性设置 在oc里面想必大家都非常熟悉,那么在swift5里面,怎么设置导航栏标题的文字呢. 先看oc. self.navigationItem.title = @" ...

  5. 怎么把ppt文字大小设置一致_PPT滚动数字原来如此简单

    这样炫酷的滚动数字是如何制作的? 其实这就是Office2019及以上版本的平滑切换功能,具体怎么操作呢? 首先插入文本框,输入0-9的数字(数字顺序也可以打乱),然后将文字方向选择为堆积,调整文本框 ...

  6. 计算机一级考试的时候用计算器,在WPS文字里设置计算器功能

    在WPS文字里设置计算器功能 分类:计算机等级| 更新时间:2012-12-21| 来源:转载 在使用WPS文字编辑文稿时,常常需要对一些数据进行简单的核算,为了计算方便,笔者经过一番摸索,设法在WP ...

  7. 华为语音解锁设置_华为手机语音转文字怎么设置,如何完成音频在线转换

    华为手机语音转文字怎么设置,如何完成音频在线转换 使用华为手机的朋友一定有感觉到手机上有太多的功能能够帮助我们快速的完成工作,那么华为手机上有一个能够将语音转换成文字的功能你知道如何使用吗?如果还不知 ...

  8. html表格中文字上下左右居中对齐,word表格中文字如何设置左右和上下居中(水平和垂直居中)...

    word表格中文字如何设置左右和上下居中(水平和垂直居中) 时间:06-25   作者:snow   来源:互联网 想使表格中的文字居中,现文字在表格的下方,点单元格属性的垂直居中按钮也不行,文字反倒 ...

  9. 手机横屏怎么设置放大字_手机锁屏可以滚动的文字怎么设置?手把手教你如何设置,太简单了...

    手机如何和别人的不一样?很多时候利用的是锁屏壁纸.手机壳.手机挂饰等,但实际上手机的与众不同,你还可以设置锁屏滚动文字. 前段时间抖音上的滚动锁屏文字很火,如果你刚好喜欢这样的锁屏滚动文字设置,那么你 ...

  10. cad标注文字避让lisp_请教大家如何将标注标准设定“文字位置设置为置中”

    请教大家如何将标注标准设定"文字位置设置为置中"非常感谢. ;;;**************************** ACAD标注标准设定.LSP ************* ...

最新文章

  1. 研究生走私实验材料被海关查获!为了毕业,真的太难了...
  2. navicat无法连接远程的数据库解决
  3. codeforces round25
  4. 三级计算机网络技术考试题,2017年计算机三级网络技术考试题
  5. Vim取消查找后的高亮提示,:nohl或者:noh什么的都不管用,来一个简单粗暴方法
  6. 小米真蓝牙耳机说明书_媲美AirPods?小米真无线蓝牙耳机Air 2开箱
  7. centos运行python程序_CentOS 7定时执行python脚本
  8. 数据挖掘--挖掘建模-时序模式-ARIMA模型
  9. 华为推出地图服务 助力开发者强化地图能力
  10. JavaScript开发心得--如何传递某行数据给下一页
  11. 路孚特:300天350个版本,旗舰移动产品“0”到“1”的交付之路
  12. 数字化转型的四大工具模板
  13. Win32 Application和Win32 Console Application
  14. 脉冲耦合神经网络(PCNN)阅读笔记
  15. PS批量导出ios、android图标
  16. 协同过滤推荐算法java_协同过滤推荐算法的原理及实现
  17. python如何运行整个项目_如何运行django项目
  18. c语言函数字符传送,C语言中send()函数和sendto()函数的使用方法
  19. [洛谷] P3174 [HAOI2009]毛毛虫 (树形dp 树的最长直径的扩展)
  20. 检察机关认定河北涞源反杀案为正当防卫 决定不起诉女生父母

热门文章

  1. 4.3-软件开发中,“原型图”的作用与绘制方法说明
  2. 微信小程序圆形图片小图标按钮
  3. Canoe-基于14229的UDS自动化测试脚本CAPL 这适用于CANoe无diva的测试脚本
  4. Linux系统查看内存使用情况
  5. 3D打印——从solidworks到打印机(含打印机常见问题及解决方法)
  6. abb机器人过载报错_ABB机器人驱动模块温度警告及保养方案简介
  7. msf win10漏洞_Kali对Windows2008/7的MS17010漏洞测试(MSF自带模块)
  8. 机械手三维图 matlab,机械手的三维建模
  9. 【企业微信】h5调试面板
  10. Mac连接京瓷打印机Fs-1030MFP/DP