如何根据派生数据创建钟形曲线图表?highcharts正态分布曲线使用指南:从创建到设置一文搞定

Bell curve 钟形图、正态分布曲线

一个钟形曲线系列是正态(高斯)概率分布的图形表示。钟形曲线用于可视化可能发生的结果的概率。曲线呈钟形,其最高点是基础数据的平均值。此图表需要模块

有关更详细的示例和文档,请查看 API.

点击 这里 here 查看代码。 to check the code.

生成良好可视化的前提条件

要正确实现这种图表类型,必须满足一些假设:

  1. 输入数据必须是一维的。该图表描述的是一个属性的统计特性。要可视化多个属性的正态分布,需要多个系列。
  2. 该图表假设数据的底层分布是正态的。图表类型会从任何数据中推导出正态分布,但如果数据本身不是正态分布,视觉效果就会产生误导甚至错误。

如何根据派生数据创建钟形曲线

highcharts钟形曲线需要以下模块modules/histogram-bellcurve.js.

钟形曲线系列是一个区域折线图系列,数据由系统自动设置。数据data 属性可以用一个基础系列(更准确地说,是数据的 y 值)替代。

创建钟形曲线需要两个步骤:

  1. 将系列type设置为bellcurve。

  2. 将 baseSeries 设置为右侧数据系列的 id 或 index。

js 复制代码
series: [{
    type: 'bellcurve',
    xAxis: 1,
    yAxis: 1,
    baseSeries: 1
}, {
    data: [3.5, 3, 3.2, 3.1, 3.6, 3.9, 3.4]
}]

设置钟形曲线

钟形系列有两个额外的选项:

  • intervals区间:用来控制曲线的长度。
  • pointsInInterval区间内点数:用来控制每个区间内的点数,即 σn 和 σn+1 之间的点数。

以下演示展示了钟形曲线两侧的四个区间,以及每个区间之间的五个点,基于每个标准差的倍数。

js 复制代码
series: [{
    type: 'bellcurve',
    intervals: 4,
    pointsInInterval: 5
    ...
}]

点击 这里here 查看代码。to check the code.

黑色标记表示区间的边界------每条曲线的两侧各有四个区间。在一个区间内有四个标记加上边界的黑色标记。左侧的区间是左闭合的,右侧的区间是右闭合的。区间的长度是正态分布的标准差。

此外,在顶部还有一个点,代表钟形曲线的平均值。

相关推荐
ℋᙚᵐⁱᒻᵉ鲸落2 小时前
移动端滑动手势冲突:overflow: auto导致外层横向滑动失效
前端·javascript·css·vue.js·html
恋恋西风2 小时前
C++ 理解 std::thread 在单核和多核上的行为差异
开发语言·c++
Brilliantwxx2 小时前
【Linux】 进程(9)程序与进程地址空间(基础+进阶+面试题)
linux·运维·服务器·开发语言·c++
BizzZ_3 小时前
C++(22)——类型转换和IO流
开发语言·c++
默_笙3 小时前
🎃 前端学了 Next.js,后端该学啥?NestJS 就是 Node 版的蜜雪冰城
前端·javascript
小范同学_3 小时前
JDK1.7 与 JDK1.8 HashMap 底层原理对比 + 数组并发扩容死循环详解
java·开发语言
geovindu4 小时前
CSharp: 万年历
开发语言·后端·c#·.net
我找到地球的支点啦4 小时前
Matlab系列(009) 一CRC循环冗余校验详解
开发语言·数据结构·算法·matlab·信息与通信
予昊4 小时前
从零实现“在线五子棋对战“:WebSocket 实时通信 + 段位匹配
java·开发语言·网络·websocket
এ慕ོ冬℘゜5 小时前
navigator 导航对象 BOM制作方法
javascript