位置: 编程技术 - 正文

echarts学习笔记之箱线图的分析与绘制详解(echarts怎么样)

编辑:rootadmin

推荐整理分享echarts学习笔记之箱线图的分析与绘制详解(echarts怎么样),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:echarts教学视频,echarts教学视频,echarts教学视频,echarts总结,echarts总结,echarts总结,echarts教程视频,echarts详解,内容如对您有帮助,希望把文章链接给更多的朋友!

一、箱线图 Box-plot

箱线图(Boxplot)也称箱须图(Box-whisker Plot),它是用一组数据中的最小值、第一四分位数、中位数、第三四分位数和最大值来反映数据分布的中心位置和散布范围,可以粗略地看出数据是否具有对称性。通过将多组数据的箱线图画在同一坐标上,则可以清晰地显示各组数据的分布差异,为发现问题、改进流程提供线索。

什么是四分位数

箱线图需要用到统计学的四分位数(Quartile)的概念,所谓四分位数,就是把组中所有数据由小到大排列并分成四等份,处于三个分割点位置的数字就是四分位数。

第一四分位数(Q1),又称“较小四分位数”或“下四分位数”,等于该样本中所有数值由小到大排列后第%的数字。 第二四分位数(Q2),又称“中位数”,等于该样本中所有数值由小到大排列后第%的数字。 第三四分位数(Q3),又称“较大四分位数”或“上四分位数”,等于该样本中所有数值由小到大排列后第%的数字。 第三四分位数与第一四分位数的差距又称四分位间距(InterQuartile Range,IQR)。

计算四分位数首先要确定Q1、Q2、Q3的位置(n表示数字的总个数):

Q1的位置=(n+1)/4 Q2的位置=(n+1)/2 Q3的位置=3(n+1)/4

对于数字个数为奇数的,其四分位数比较容易确定。例如,数字“5、、、、、、7、、、、”共有项,由小到大排列的结果为“5、7、、、、、、、、、”,计算结果如下:

Q1的位置=(+1)/4=3,该位置的数字是。 Q2的位置=(+1)/2=6,该位置的数字是。 Q3的位置=3(+1)/4=9,该位置的数字是。

而对于数字个数为偶数的,其四分位数确定起来稍微繁琐一点。例如,数字“8、、、、、”共有6项,位置计算结果如下:

Q1的位置=(6+1)/4=1. Q2的位置=(6+1)/2=3.5 Q3的位置=3(6+1)/4=5.

这时的数字以数据连续为前提,由所确定位置的前后两个数字共同确定。例如,Q2的位置为3.5,则由第3个数字和第4个数字共同确定,计算方法是:+(-)×3.5的小数部分,即+1×0.5=.5。该结果实际上是和的平均数。

同理,Q1、Q3的计算结果如下:

Q1 = 8+(-8)×0.=. Q3 = +(-)×0.=.5

Excel为计算四分位数提供了QUARTILE(array,quart)函数,其中array参数用于指定要计算四分位数值的数组或数值型单元格区域,quart指定返回哪一个四分位值,可用值如下:

0,返回最小值; 1,返回第一个四分位数; 2,返回第二个四分位数,即中位数; 3,返回第三个四分位数; 4,返回最大值。

箱线图一般被用作显示数据分散情况。具体是计算一组数据的中位数、%分位数、%分位数、上边界、下边界,来将数据从大到小排列,直观展示数据整体的分布情况。

大部分正常数据在箱体中,上下边界之外的就是异常数据了。

上下边界的计算公式是:

UpperLimit=Q3+1.5IQR=%分位数+(%分位数-%分位数)1.5

LowerLimit=Q1-1.5IQR=%分位数-(%分位数-%分位数)1.5

参数说明:

1.Q1表示下四分位数,即%分位数;Q3为上四分位数,即%分位数;IQR表示上下四分位差,系数1.5是一种经过大量分析和经验积累起来的标准,一般情况下不做调整。

2.分位数的参数可根据具体预警结果调整:%和%,是比较灵敏的条件,在这种条件下,多达%的数据可以变得任意远而不会很大地扰动四分位。具体业务中可结合拟合结果自行调整为其他分位

使用echarts时,这些计算通过调用echarts.dataTool.prepareBoxplotData()来完成。

echarts学习笔记之箱线图的分析与绘制详解(echarts怎么样)

说到这里,有一个预警,绘制箱线图除了要下载echart.js之外,还需要引入dataTool.js,否则浏览器会报错:Uncaught TypeError: Cannot read property 'prepareBoxplotData' of undefined(…) 。

dataTool.js可以到github上下载。

二、echarts箱线图示例

echart官网给出的箱线图示例有两种。

一种是单值对应(样本元素有一组对应的值数据):

另一种是多值对应(样本元素有多个对应的值数据):

三、数据结构分析

1.单值对应

单值对应的数据结构比较简单,一个样本信息的数据存储到对应的一个数组里,这些数组又存储在一个大数组里。然后用echarts.dataTool.prepareBoxplotData()处理这个大数组。

2.多值对应

举一个栗子:线上地址在这里

两种性别的三种基因含量表。(数据纯虚构)

那要提供什么样的数据才能使用echart生成对应的箱线图?

再来看一下echart官网给出栗子数据,是通过三个for循环随机生成的。

通过在控制台console.log(data) , console.log(seriesData) , console.log(cate) ,

可以看出外层的循环是echarts.dataTool.prepareBoxplotData()执行的次数=5,可以理解为每个样本有5类元素。内部的循环表示有个样本,一类元素的样本数据有条。

所以要实现的性别基因表的数据结构应该是:

弄清楚数据结构剩下的绘图操作就是按部就班了,完整代码我已提交到github。

总结

标签: echarts怎么样

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

上一篇:echarts学习笔记之图表自适应问题详解(echarts怎么用)

下一篇:基于JavaScript实现表格滚动分页(javascript例题)

  • 非征税期抄税如何解决
  • 办理税务登记需要法人身份证原件吗
  • 个体户注销工商没有收走公章
  • 一次性用品可以做什么
  • 销售费用福利费编码
  • 附加税计提多了怎么调整税额
  • 经营性文化事业单位有哪些
  • 短期借款可以按币种设置明细核算
  • 分公司怎么做
  • 结转损益类账户余额
  • 所得税汇算清缴账务处理
  • 企业取暖费怎么做会计分录
  • 小规模租赁税是怎么征收的
  • 银行发行理财产品的条件
  • 公司办公室租赁费会计分录
  • 简易征收的增值税可以在税前列支吗
  • 发票上的备注怎么填写步骤
  • 个体工商户转为个人独资企业
  • 没有签订劳动合同员工离职怎么处理
  • 分公司注销时其他应付款会计分录
  • 未开发票申报
  • 补发工资如何缴纳工人所得税的法条
  • 工地没有手续擅自开工违法吗
  • 暂估在建工程会计科目
  • 控制上网速度的软件
  • wifi密码怎么改手机里面
  • w7com端口设置
  • linux内核有什么作用
  • mac catalina系统怎么样
  • 景区门票定价方法
  • 开发产品转作经营性资产
  • msg3.0.db是什么文件
  • 跨境服务免征增值税申报怎么填
  • 资产减值损失的计算公式
  • php删除数据
  • 电子发票和纸质发票的法律效力
  • 资产负债表和利润表的利润不一致
  • php中实现文件上传需要用到哪几个函数
  • 利润表本年累计数公式
  • 宝塔面板入口
  • 购销合同印花税最新政策2023
  • 长期借款的处理原则
  • 上个月没有开票需要清卡吗
  • 如何用wordpress
  • 同时安装vs2005团队开发版和sql 2005企业版的方法(downmoon原作)
  • 财务报表漏报了会影响领票吗
  • 职业年金是什么意思?退休后怎么算职业年金?
  • 拍卖行业收取手续费多少
  • 房地产开发结转流程
  • 已提足折旧固定资产
  • 购买商品商家赠送怎么做分录
  • 暂估成本以后也没有票回来了
  • 委托加工产品消费税税率
  • 应收账款已收回95元
  • 购车融资是什么意思
  • 备抵法核算坏账损失
  • 政府部门有税务和审计审查吗
  • sqlserver如何保留两位小数
  • mysql 5.7.28安装
  • FreeBSD下zfs: failed with error 6错误如何解决?
  • 怎样取消开机磁盘自动检查
  • Win10 PC/Mobile Creators快速预览版14959今日推送
  • 在linux操作系统中
  • u盘装系统步骤delt进入界面怎么选择
  • linux系统的配置设计过程
  • window10怎么升11
  • win7右下角小喇叭
  • win7共享按钮灰色
  • 基于贪心算法
  • color 对于当前会话,更改命令提示窗口的前景和背景色
  • cssimport
  • linux中w命令详解
  • python函数经典例程
  • js中变量有哪几种?分别在哪里定义?
  • jquery定义方法
  • 详解javascript事件冒泡
  • Javascript字符串奇数位替换
  • 江苏国税电子税务局官网
  • 长期挂账的其他应付款的规定
  • 百旺开票软件打不开怎么回事
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设