logo

ECharts直方图 快速上手与进阶技巧 | 帆软九数云

九数云BI小编 | 发表于:2025-12-24 9:50:16

ECharts直方图是一种常用的统计图表,用于展示数据的分布情况。它通过将数据划分为若干个区间(bin),然后统计每个区间内数据的频数,最后用柱状图的形式展现这些频数。直方图可以清晰地显示数据的集中趋势、离散程度以及是否存在异常值,是数据分析和可视化中不可或缺的工具。ECharts 提供了灵活的配置项,可以轻松创建各种类型的直方图,满足不同的数据展示需求。

一、ECharts直方图的基础实现

ECharts 提供了两种主要方式来创建直方图:一种是直接使用 `series.type: 'bar'` 配合分类轴和数值轴,另一种是利用 ECharts 5 引入的数据集转换(dataset.transform)中的 `histogram` 功能,自动生成频次统计的柱状图。

1. 使用 Bar 类型

这是最常见的实现方式。你需要手动将数据进行分组,并统计每个组的频数。然后,配置分类轴(`xAxis.type: 'category'`)显示分组区间,数值轴(`yAxis.type: 'value'`)表示频数。`series` 设置 `type: 'bar'`,并将频数数据作为 `data` 传入。

例如,以下配置创建了一个简单的单系列直方图:


option = {
  xAxis: { type: 'category', data: ['0-20', '20-40', '40-60', '60-80', '80-100'] },
  yAxis: { type: 'value' },
  series: [{ type: 'bar', data: [10, 20, 30, 25, 15] }]
};

这种方式的优点是灵活性高,可以方便地进行多系列对比、堆叠显示(`stack: 'total'`)以及应用渐变颜色等效果。 但是需要手动统计频数,如果数据量较大,则比较麻烦。

2. 使用 Dataset.transform Histogram

ECharts 5 引入的数据集转换(dataset.transform)功能,可以更方便地创建直方图。这种方式只需要提供原始的数值数组,ECharts 会自动计算组距和频数,无需手动分区。

示例配置如下:


dataset: [{
  source: [12, 23, 45, 67, 34, 56, /* 原始数据 */]
}, {
  transform: { type: 'histogram' }  // 生成直方图数据
}],
series: [{ type: 'bar', datasetIndex: 1 }]

这种方式的优点是简单快捷,尤其适用于处理大量原始数据。你可以通过 `binsNumber` 自定义柱子的数量,或者通过 `binSize` 自定义组距。

二、ECharts直方图的进阶功能

除了基础的直方图展示,ECharts 还提供了丰富的进阶功能,可以提升图表的可视化效果和交互性。

1. 交互与扩展

ECharts 直方图支持各种交互操作,例如框选缩放(通过自定义系列实现)、动态排序等。 此外,还可以通过 `itemStyle.color` 实现渐变色带效果,使图表更加美观。

2. 时间直方图

如果需要在时间轴上展示数据的分布情况,可以创建时间直方图。 具体做法是,将 `xAxis.data` 设置为时间分类,并结合 `bar` 类型使用。

3. 自定义

虽然 ECharts 官方没有直接内置 `histogram` 类型,但在 ECharts 5 之前,可以通过自定义方式实现直方图。现在,利用 `dataset.transform` 可以更方便地创建直方图。

三、ECharts与九数云BI:数据分析的强大组合

九数云BI作为高成长型企业首选的SAAS BI工具,与ECharts的结合,为企业提供了一个强大的数据分析和可视化平台。九数云BI不仅能够处理和分析海量数据,还能通过ECharts将分析结果以直观的ECharts直方图和其他图表的形式展现出来,帮助企业快速发现数据背后的价值。

1. 强大的数据整合能力

九数云BI能够连接各种数据源,包括关系型数据库、NoSQL数据库、云存储等,将企业内部不同系统的数据整合在一起,为数据分析提供全面的数据基础。通过九数云的数据清洗和转换功能,用户可以轻松地将原始数据转换为适合ECharts分析的格式,无需编写复杂的代码。

2. 灵活的自定义分析

九数云BI提供了强大的自定义分析功能,用户可以根据业务需求,灵活地选择不同的分析方法和指标,生成各种类型的ECharts直方图。用户可以通过拖拽的方式,快速创建ECharts直方图,并自定义图表的样式和交互方式。九数云还支持用户自定义公式和脚本,实现更复杂的分析逻辑。

3. 实时数据可视化

九数云BI支持实时数据连接和可视化,用户可以随时监控数据的变化,并及时发现潜在的问题和机会。通过九数云BI的实时数据看板,用户可以将ECharts直方图和其他关键指标集中展示,实现全方位的数据监控和管理。此外,九数云还提供了强大的权限管理功能,确保数据的安全性和隐私。

4. 智能预警

九数云BI的智能预警功能,可以根据用户设定的规则,自动检测数据的异常情况,并通过邮件、短信等方式及时通知相关人员。用户可以利用ECharts直方图设置预警指标,当数据分布发生异常变化时,及时采取措施,避免潜在的风险。例如,可以设置销售额的预警规则,当销售额低于某个阈值时,自动发送预警邮件。

插图

总结

ECharts直方图是数据可视化的重要工具,可以帮助我们理解数据的分布情况。ECharts 提供了多种方式来创建直方图,包括使用 `bar` 类型和 `dataset.transform`。通过掌握这些方法,并结合 ECharts 提供的进阶功能,你可以创建出各种美观、交互性强的直方图。如果您想了解更多关于九数云BI的信息,可以访问九数云官网(www.jiushuyun.com),免费试用体验, 探索数据分析的更多可能性。

热门产品推荐

九数云BI是一个人人都可轻松上手的零代码工具,您可以使用它完成各类超大数据量、超复杂数据指标的计算,也可以在5分钟内创建富有洞察力的数据看板。企业无需IT、无需大量资源投入,就能像搭积木一样搭建企业级数据看板,全盘核心指标综合呈现,用数据驱动商业决策。
相关内容 查看更多

随时随地在线分析

现在注册,即可领取15天高级版免费使用,体验数据扩容、自动化数据预警、 每日定时更新等20+项强大功能
立即使用