位置: IT常识 - 正文

echarts修改饼图,环形图的圆环宽度,大小(echarts饼图背景图片)

编辑:rootadmin
echarts修改饼图,环形图的圆环宽度,大小 echarts修改环形图的圆环宽度,大小

推荐整理分享echarts修改饼图,环形图的圆环宽度,大小(echarts饼图背景图片),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:echarts饼图参数配置,echarts改变饼图颜色,echarts饼图参数配置,echarts饼图formatter,echarts饼图图例设置,echarts饼图自定义颜色,echarts修改饼图颜色,echarts修改饼图位置,内容如对您有帮助,希望把文章链接给更多的朋友!

环形图圆环的大小需要通过series-pie. radius属性来修改

radius 饼图的半径。

Array.<number|string>:数组的第一项是内半径,第二项是外半径。每一项遵从上述 number string 的描述。

把数组的第一项即内半径设为0,则图表为饼图,如下:

echarts修改饼图,环形图的圆环宽度,大小(echarts饼图背景图片)

内半径设为大于0的值,图表即显示成圆环图(Donut chart)。如下:

当然如果修改了外半径的大小,比如小于100%,图表就会显得小很多,也就是窄很多,如下:

所以,如果想修改柱状图的圆环宽度,可以通过修改内半径和外半径的大小来实现。

option = { legend: { orient: "vertical", left: "left", data: ["Apple", "Grapes", "Pineapples", "Oranges", "Bananas"] }, series: [{ type: "pie", data: [{ value: 335, name: "Apple" }, { value: 310, name: "Grapes" }, { value: 234, name: "Pineapples" }, { value: 135, name: "Oranges" }, { value: 1548, name: "Bananas" }], radius: ["35%", "45%"] // 这个属性修改圆环宽度 }]}

如果想方便布局,可以把外边距设为100%,通过调整内边距大小来修改圆环宽度。

注意:radius是饼图的半径。假设,div的高度为100px,如果我们把radius设置为100%,那么整个饼图的直径也就是长和高就是200px了,这一点在布局的时候千万要注意。

基于此,我们可以把radius的外半径设置为50%,这样整个饼图的高度就是div的高度了。

本文链接地址:https://www.jiuchutong.com/zhishi/283769.html 转载请保留说明!

上一篇:pqhelper.exe是什么进程 pqhelper进程查询

下一篇:按下电源按钮到开机,电脑是怎么工作的?(按下电源按钮时锁定计算机怎么弄)

  • 浅谈微信营销产品如何取胜(微信营销的价值何在?)

    浅谈微信营销产品如何取胜(微信营销的价值何在?)

  • 抖音开通了合众易宝怎么关闭(抖音开通了合众易宝安全吗)

    抖音开通了合众易宝怎么关闭(抖音开通了合众易宝安全吗)

  • 视频文件后缀一般是什么(视频文件后缀是啥)

    视频文件后缀一般是什么(视频文件后缀是啥)

  • 小米9桌面字体改黑色(小米9桌面字体大小设置)

    小米9桌面字体改黑色(小米9桌面字体大小设置)

  • rj45接口是千兆吗(串口转以太网)

    rj45接口是千兆吗(串口转以太网)

  • 小红书直播结束后,可以看回放吗(小红书直播结束怎么买直播产品)

    小红书直播结束后,可以看回放吗(小红书直播结束怎么买直播产品)

  • 微信单个红包怎么发200以上(微信单个红包怎么发超过200元)

    微信单个红包怎么发200以上(微信单个红包怎么发超过200元)

  • iphone负一屏怎么关闭(iphone负一屏怎么设置)

    iphone负一屏怎么关闭(iphone负一屏怎么设置)

  • 小米手机有实况拍摄吗(小米手机有实况模式吗)

    小米手机有实况拍摄吗(小米手机有实况模式吗)

  • realmex2是什么牌子(realme x2真实口碑)

    realmex2是什么牌子(realme x2真实口碑)

  • 电脑上除号是哪个键(电脑上除号是哪个符号)

    电脑上除号是哪个键(电脑上除号是哪个符号)

  • 手机在线和4g在线的区别(手机在线和4g在线一样吗)

    手机在线和4g在线的区别(手机在线和4g在线一样吗)

  • 如何用手机设置备忘录(如何用手机设置路由器密码)

    如何用手机设置备忘录(如何用手机设置路由器密码)

  • 拼多多复活卡在哪找(拼多多复活卡在哪里查看)

    拼多多复活卡在哪找(拼多多复活卡在哪里查看)

  • 手机怎么制作动态相册(手机怎么制作动漫视频)

    手机怎么制作动态相册(手机怎么制作动漫视频)

  • 小米mde6是什么型号(小米MDE6是什么型号)

    小米mde6是什么型号(小米MDE6是什么型号)

  • vue视频剪辑怎么加字幕(vue教程如何剪短视频)

    vue视频剪辑怎么加字幕(vue教程如何剪短视频)

  • 微信视频怎么静音(微信视频怎么静音对方)

    微信视频怎么静音(微信视频怎么静音对方)

  • 荣耀v20建议更新吗(华为荣耀v20升级系统会影响体验吗)

    荣耀v20建议更新吗(华为荣耀v20升级系统会影响体验吗)

  • 华为p30pro几个摄像头(华为p30pro几个摄像头干嘛用)

    华为p30pro几个摄像头(华为p30pro几个摄像头干嘛用)

  • 手机摄像头无法启动(手机摄像头无法获取数据怎么办)

    手机摄像头无法启动(手机摄像头无法获取数据怎么办)

  • Win10 LTSC 2021(长期服务频道)正式版发布: 附MSDN官方ISO纯净镜像下载

    Win10 LTSC 2021(长期服务频道)正式版发布: 附MSDN官方ISO纯净镜像下载

  • Vue的事件处理,点击事件(vue中事件)

    Vue的事件处理,点击事件(vue中事件)

  • 微信小程序实现顶部固定底部分页滚动效果(微信小程序实现支付功能)

    微信小程序实现顶部固定底部分页滚动效果(微信小程序实现支付功能)

  • 购房发票契税票丢了可以补吗
  • 本月累计专项扣款怎么算
  • 小规模免征增值税政策
  • 企业所得税固定资产
  • 党建经费提取比例10%
  • 社保次月缴纳上月算不算中断
  • 残保金是谁支付给单位?
  • 红字发票已抵扣和未抵扣是什么意思
  • 无偿赠送货物怎么做账
  • 土地租金计入哪个会计科目
  • 退预收账款需要什么原始凭证
  • 扣缴个人所得税报告表
  • 分公司收到的总部拨款会计如何处理
  • 年收入超过12万什么时候申报
  • 企业所得税退税的会计分录怎么做
  • 申报退税金额是0是怎么回事
  • 税后工资反推税前工资计算方法
  • 在建工程如何抵扣个税
  • 财付通交易手续费多少
  • 社保行业费率是什么
  • 营改增挂靠工程项目账务处理
  • 以前的纳税申报表还能打印吗
  • 电子缴税付款凭证怎么做记账凭证
  • 退还工会经费会退回吗
  • win10如何禁用administrator用户
  • 最新w10系统专业版
  • windows刷新桌面
  • 房地产企业如何计算土地使用税
  • 增值税专用发票有几联?
  • win10 多屏协同
  • linux -e -f
  • 二手车增值税专用发票税率
  • 明细账是什么样子
  • 应收账款减值损失的核算方法
  • token登录器
  • 企业清算期间会计分录
  • 微信小程序计算器代码
  • Ajax PHP JavaScript MySQL实现简易无刷新在线聊天室
  • php获取远程图片文件流
  • 银行代发工资当天改工资卡来得及吗
  • 人力资源公司财务工作心得与感悟
  • java强制类型转换有哪些
  • 公司销售自己使用过的固定资产
  • 店面收回转让费怎么办
  • 资产处置损益要写明细账吗
  • 进出口 外汇
  • 一个公户从农业银行开户
  • 利息收入如何开票
  • 长期股权投资会计实训心得
  • 营改增后,建筑行业与供应商签合同才怎样签没风险?
  • 销售收入分成率公式
  • 土地拍卖相关法律法规
  • 公司注销退回投资款如何账务处理
  • 员工异地工作
  • 现金流量表现金及现金等价物净增加额
  • 差旅费的现金流
  • 过路费油费计入什么费用
  • 出口退税贷方余额是什么意思
  • 餐饮业怎样做账
  • mysql5.7分区表
  • 配置windows server essentials出错
  • freebsd版本
  • 第一启动项硬盘
  • win10的打开方式
  • ubuntu命令行中文乱码怎么解决
  • linux操作系统安装方法有哪几种
  • windows中alt+tab
  • WIN10家庭版系统怎么禁用Device
  • linux 截屏
  • 四个版本的雪国开头翻译
  • Win10 Mobile RedStone 14283已修复与已知问题汇总
  • Perl实现高水线算法(解决多值比较问题方法)
  • 主流安卓开发
  • android应用开发基础课后答案
  • js鼠标点击图片就消失
  • 芜湖办税服务厅
  • 中山市地方税务局官网
  • 网上增值税发票验旧
  • 交完契税,房产证没办,契税能退吗
  • 山东省关于公务员社会信用考察的规定
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设