# 河流图生成器

生成流畅的河流图，用于可视化时间序列数据流动，非常适合展示随时间变化的构成，具有有机的流动形状

> 标准页面: https://elysiatools.com/zh/tools/stream-graph

- **分类:** Data Visualization

- **关键词:** 河流图, 流程图, 时间序列, 数据流动, 平滑可视化, 面积图, 时序数据, 构成变化

## 概述

河流图生成器是一款用于创建流畅、有机形状河流图的在线工具。它专门设计用于可视化时间序列数据的流动与构成变化，通过平滑的曲线直观展示多个数据系列随时间推移的相对贡献和趋势演变。

## 输入项

- **河流数据** (textarea): 河流图的时间序列数据。每个系列代表随时间流动的层。
- **图表标题** (text): 显示在图表上方的标题
- **配色方案** (select): 选择配色方案
- **自定义颜色** (text): 河流的自定义颜色（逗号分隔的十六进制颜色）。如果提供，将覆盖配色方案。
- **河流透明度** (number): 河流图层的透明度（0.1到1.0）
- **曲线平滑度** (number): 河流曲线的平滑度（0.1到1.0，越高越平滑）
- **背景颜色** (color): 图表容器的背景颜色
- **网格线颜色** (color): 网格线的颜色
- **图表高度** (number): 图表的像素高度
- **最大值** (number): Y轴最大值（留空自动缩放）
- **最小值** (number): Y轴最小值
- **X轴标签** (text): X轴的标签（通常是时间）
- **Y轴标签** (text): Y轴的标签
- **显示网格线** (checkbox): 显示网格线以便更好阅读
- **在河流上显示数值** (checkbox): 在河流图层内显示数值
- **显示数据标签** (checkbox): 在关键点显示数据标签
- **标准化为100%** (checkbox): 将值转换为百分比显示随时间的相对贡献
- **显示图例** (checkbox): 在图表下方显示图例

## 适用场景

- 需要分析并展示多个类别数据（如网站流量来源、产品销售额构成）随时间变化的趋势时。
- 希望以比传统折线图或堆叠面积图更美观、更具流动感的方式呈现时序数据的构成比例时。
- 在报告或演示中，需要一张能清晰传达“此消彼长”动态过程的可视化图表时。

## 工作原理

- 准备数据：将您的时间序列数据整理为指定的JSON格式，包含时间标签和多个数据系列。
- 配置样式：根据需要选择配色方案、调整河流透明度与曲线平滑度，并设置标题、坐标轴等图表元素。
- 生成图表：工具将根据您的数据和配置，实时渲染出交互式的河流图，您可以直接查看或嵌入使用。

## 使用案例

- 网站分析：可视化不同流量渠道（直接访问、搜索引擎、社交媒体等）每月带来的用户会话数变化。
- 财务预算：展示各部门或项目在一年中各季度的预算分配与消耗情况对比。
- 能源监控：呈现一天中不同时段各类能源（太阳能、风能、电网）的发电量构成流动。

## 常见问题

### 输入数据必须是什么格式？

必须是包含“labels”（时间点数组）和“series”（数据系列数组）的JSON对象。每个系列需要“name”和“data”字段。

### 这个工具是免费的吗？

是的，这是一个完全免费的在线工具，无需注册即可使用。

### 生成的图表可以导出为图片吗？

目前工具主要提供交互式HTML图表。您可以通过浏览器截图功能或开发者工具来保存静态图像。

### 有哪些预设的配色方案？

提供多种方案，包括默认（海洋蓝）、日落（暖色调）、森林（绿色系）、极光、珊瑚礁和单色。您也可以使用自定义颜色覆盖。

### 如何让曲线更平滑或更尖锐？

通过调整“曲线平滑度”参数（0.1到1.0）。值越高，曲线过渡越平滑柔和；值越低，曲线越贴近数据点，形状更尖锐。

## 相关工具

- [日历热力图生成器](https://elysiatools.com/zh/tools/calendar-heatmap): 生成GitHub风格的日历热力图，用于可视化随时间的活动模式，非常适合跟踪年度贡献、习惯或指标
- [流程图生成器](https://elysiatools.com/zh/tools/flowchart-maker): 用 Mermaid 风格语法描述节点与连线，生成分层流程图
- [分组柱状图生成器](https://elysiatools.com/zh/tools/grouped-bar-chart): 生成分组柱状图，用于并排比较多个类别，非常适合多类别对比和比较分析
- [文氏图生成器](https://elysiatools.com/zh/tools/euler-diagram-generator): 生成可自定义的文氏图，用于可视化集合关系、包含关系和层次结构
- [面积图生成器](https://elysiatools.com/zh/tools/area-chart-generator): 从数据生成可自定义的面积图，线条下方填充区域，非常适合展示趋势和累积数据
- [柱状图生成器](https://elysiatools.com/zh/tools/bar-chart-generator): 从数据生成可自定义的柱状图，支持多种样式选项
- [箱线图生成器](https://elysiatools.com/zh/tools/box-plot-generator): 生成箱线图进行统计分布分析，包含四分位数、须线和异常值检测
- [气泡图生成器](https://elysiatools.com/zh/tools/bubble-chart-generator): 从数据生成可自定义的气泡图，支持三个维度（X、Y、大小）的可视化

## 示例

- [Grafana 高级应用示例](https://elysiatools.com/zh/samples/grafana-samples): 全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
- [Android Java 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-java): Android Java 图像处理示例，包括图像读取保存、缩放和格式转换
- [Android Kotlin 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-kotlin): Android Kotlin 图像处理示例，包括图像读取保存、缩放和格式转换
- [Web Python 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-python): Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换