位置: 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进程查询

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

  • 拯救者y7000怎么开启野兽模式(拯救者y7000怎么进入bios)

    拯救者y7000怎么开启野兽模式(拯救者y7000怎么进入bios)

  • 华为有哪些系列是5g手机(华为有哪些系列手机)

    华为有哪些系列是5g手机(华为有哪些系列手机)

  • 诺基亚7plus充电接触不良的问题怎么解决(诺基亚7plus充电器)

    诺基亚7plus充电接触不良的问题怎么解决(诺基亚7plus充电器)

  • 航母ALS是什么(航母lso是什么意思)

    航母ALS是什么(航母lso是什么意思)

  • 微信哪些字会下表情雨(微信哪些字会出小图案)

    微信哪些字会下表情雨(微信哪些字会出小图案)

  • 电脑自带的office卸载了怎么恢复(电脑自带的office在哪里)

    电脑自带的office卸载了怎么恢复(电脑自带的office在哪里)

  • 亲密付对方会看到什么(亲密付对方会看到什么图片)

    亲密付对方会看到什么(亲密付对方会看到什么图片)

  • 一个手机号可以绑定两个抖音账号吗(一个手机号可以注册几个抖音号)

    一个手机号可以绑定两个抖音账号吗(一个手机号可以注册几个抖音号)

  • iphone微信怎么调成深夜模式(iPhone微信怎么调视频美颜功能)

    iphone微信怎么调成深夜模式(iPhone微信怎么调视频美颜功能)

  • 红米note8跑分多少

    红米note8跑分多少

  • 苹果手机不玩自己掉电怎么回事(苹果手机不玩自己掉电正常吗)

    苹果手机不玩自己掉电怎么回事(苹果手机不玩自己掉电正常吗)

  • opporenoace有红外吗(oppo reno ace 红外遥控)

    opporenoace有红外吗(oppo reno ace 红外遥控)

  • 苹果18款air和19款air区别(18款air和19款air区别)

    苹果18款air和19款air区别(18款air和19款air区别)

  • switch续航和普通区别(switch续航的区别)

    switch续航和普通区别(switch续航的区别)

  • ipad2如何隐藏软件(ipad如何隐藏软件)

    ipad2如何隐藏软件(ipad如何隐藏软件)

  • 电脑关机快捷键是哪个(电脑关机快捷键是什么)

    电脑关机快捷键是哪个(电脑关机快捷键是什么)

  • 酷我音乐怎么没有k歌了(酷我音乐怎么没有歌词)

    酷我音乐怎么没有k歌了(酷我音乐怎么没有歌词)

  • 苹果11系列是单卡还是双卡(苹果11系列是单层主板吗)

    苹果11系列是单卡还是双卡(苹果11系列是单层主板吗)

  • 小米9收音机在哪(小米9收音机在哪里打开)

    小米9收音机在哪(小米9收音机在哪里打开)

  • 电脑故障的分类及排除方法(电脑故障类型)

    电脑故障的分类及排除方法(电脑故障类型)

  • 华为地图服务有什么用(华为地图服务app官方版)

    华为地图服务有什么用(华为地图服务app官方版)

  • 电脑上怎么压缩图片小于200k(电脑上怎么压缩照片的大小)

    电脑上怎么压缩图片小于200k(电脑上怎么压缩照片的大小)

  • vivox27怎么录屏(vivox27怎么录屏发朋友圈)

    vivox27怎么录屏(vivox27怎么录屏发朋友圈)

  • TDesign小程序组件库体验(小程序navigator组件)

    TDesign小程序组件库体验(小程序navigator组件)

  • day30-注解(注解@entity)

    day30-注解(注解@entity)

  • 第9章 内存模型和名称空间(第9章 内存模型分析)

    第9章 内存模型和名称空间(第9章 内存模型分析)

  • 应交税费的借贷方向
  • 固定资产入账怎么做账
  • 库存商品领用会计分录
  • 公司零星支出没有发票收据怎么开
  • 印花税申报减免额不能为0怎么报
  • 全资收购企业需要交税吗
  • 农产品核定扣除增值税进项税额计算表
  • 商业汇票和商业本票
  • 小规模纳税人如何计算增值税应纳税额
  • 企业丢失账簿稽查局可以处罚吗
  • 车辆保险怎么计算器
  • 企业预付一年的房租怎么做分录
  • 工厂临时住宿
  • 审计人员的差旅费放在哪核算
  • 销售安装门窗增值税
  • 什么叫记载资金的账簿
  • 运输发票上的印章怎么弄
  • 成品油发票长什么样
  • 平均净资产计算公式是什么意思
  • 事业单位自由资金怎么入账
  • linux中nano什么指令
  • linux相关命令及用法
  • 缴纳公积金个人没有扣款怎么回事
  • netddeclnt.exe - netddeclnt是什么进程 有什么用
  • php 重写 重载
  • 完美替身好看吗
  • 悉尼奥林匹克公园
  • 待抵扣进项税的限额是什么
  • Web前端开发用什么软件
  • “从零开始”
  • 发票带折扣怎么开
  • yolo系列算法比较
  • 小程序微信认证
  • 委托代销商品委托方和受托方会计分录
  • bash的主要功能
  • 现金流量表季度期初现金余额怎么填
  • 如何扣除企业接单费用
  • 2022年最新办公用房标准
  • 进项税额转出更正申报
  • 管理费用处理的是
  • SQLServer 2008中通过DBCC OPENTRAN和会话查询事务
  • 低值易耗品指的价格
  • 进口关税增值税在哪里打印
  • 一般纳税人的建筑企业可以选择简易征收的条件
  • 权益法核算还计提减值么
  • 换下来的旧电池还有用吗
  • 小商户怎么打发票
  • 小规模纳税人去银行开立什么账户
  • 会计库存商品属于什么科目
  • 会计学中管理费用是什么
  • 合作社注销麻烦吗
  • 月末应交增值税借方余额期末该怎么处理
  • 固定资产资本化后续支出
  • 股东之间资金往来
  • 股权投资如何记账
  • 农民专业合作社属于什么经济类型
  • 融资手续费计入长期待摊
  • 建筑装饰行业工业化道路研究参考文献
  • sql server常规错误
  • windows没有无线网络
  • win7系统双击不能打开我的电脑
  • win8开机提示激活
  • win8.1屏幕键盘
  • win7如何打开windows功能
  • win10家庭版教程
  • js实例教程
  • js中单例模式
  • 用jQuery实现优酷首页轮播图
  • Node.js中的事件循环是什么
  • 脚本被删除
  • linux读出文件
  • Using Django with GAE Python 后台抓取多个网站的页面全文
  • js常用继承
  • 小规模纳税人怎么申报纳税
  • 国家税务总局惠州仲恺高新技术产业开发区税务局
  • 企业投资项目备案表模板
  • 拆迁房抵税政策
  • 冀地是哪里
  • 地方公安局归谁管
  • 尾矿治理文件
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设