# 主题河流图生成器

生成美观的主题河流图，支持时间序列数据、流动动画和基线变化

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

- **分类:** Data Visualization

- **关键词:** 主题河流图, 时间序列, 流动面积, 基线, 平滑曲线, 堆叠区域, 趋势, 可视化

## 概述

主题河流图生成器是一款专业的数据可视化工具，旨在帮助用户将复杂的时间序列数据转化为美观、流畅的堆叠区域图，通过动态的流动效果直观展示各类别随时间变化的趋势与占比。

## 输入项

- **时间序列数据** (textarea): 主题河流图的时间序列数据。支持JSON数组或简单的名称:值列表格式
- **图表标题** (text): 显示在图表上方的标题
- **时间标签** (text): 时间段的时间标签，逗号分隔（可选）
- **配色方案** (select): 选择配色方案
- **基线类型** (select): 计算基线的算法
- **图表宽度** (number): 图表宽度（像素）
- **图表高度** (number): 图表高度（像素）
- **显示网格** (checkbox): 显示背景网格线
- **显示标签** (checkbox): 在图表上显示系列名称
- **背景颜色** (text): 图表容器的背景颜色

## 适用场景

- 需要展示多个类别在一段时间内的演变趋势时
- 希望通过视觉化的流动效果对比不同数据系列的占比变化时
- 在报告或演示中需要呈现具有艺术感且易于理解的时间序列分析图表时

## 工作原理

- 输入 JSON 格式或名称:数值列表格式的时间序列数据。
- 根据需求选择配色方案、基线类型（零基线或居中基线）及图表尺寸。
- 勾选显示网格或标签等辅助选项，点击生成即可预览并导出图表。

## 使用案例

- 分析社交媒体上不同话题在数月内的热度波动趋势。
- 展示公司不同产品线在年度内的销售额占比变化。
- 可视化科研数据中不同物种数量随季节性的演替过程。

## 常见问题

### 什么是主题河流图？

主题河流图是一种特殊的堆叠区域图，它通过平滑的曲线和流动的视觉效果，展示数据系列随时间的变化趋势。

### 支持哪些数据输入格式？

支持标准的 JSON 数组格式，也支持简单的“名称:数值1,数值2...”文本格式。

### 基线类型如何影响图表？

零基线从底部开始堆叠，适合展示总量变化；居中基线则围绕中心轴对称分布，视觉上更具流动感。

### 可以自定义图表的大小吗？

可以，您可以在配置中手动设置图表的宽度（400-1200px）和高度（300-800px）。

### 生成的图表支持导出吗？

本工具生成 HTML 格式的交互式图表，您可以直接在网页中使用或通过截图保存。

## 相关工具

- [进度环图](https://elysiatools.com/zh/tools/progress-ring-chart): 创建美观的圆形进度指示器，完美显示百分比、完成率和进度指标
- [评分星级图](https://elysiatools.com/zh/tools/rating-star-chart): 创建美观的星级评分可视化，用于产品评分、服务评价和用户反馈分析
- [玫瑰图生成器](https://elysiatools.com/zh/tools/rose-chart): 生成美丽的南丁格尔玫瑰图（鸡冠花图）来通过角度和面积可视化数据，非常适合比较分析和历史数据展示
- [时间轴生成器](https://elysiatools.com/zh/tools/timeline-generator): 从事件数据生成美观且交互式的时间轴，支持多种布局和样式
- [Data URI 生成器](https://elysiatools.com/zh/tools/data-uri-generator): 将文件转换为 Data URI（Base64 或百分号编码），用于直接在 HTML、CSS 或 Markdown 中内联图片、字体等资源
- [柱状图生成器](https://elysiatools.com/zh/tools/bar-chart-generator): 从数据生成可自定义的柱状图，支持多种样式选项
- [气泡图生成器](https://elysiatools.com/zh/tools/bubble-chart-generator): 从数据生成可自定义的气泡图，支持三个维度（X、Y、大小）的可视化
- [对比条形图生成器](https://elysiatools.com/zh/tools/comparison-bar-chart): 生成背对背条形图，用于正负值对比展示，非常适合数据集对比分析

## 示例

- [Grafana 高级应用示例](https://elysiatools.com/zh/samples/grafana-samples): 全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
- [Terraform Plan JSON 样本](https://elysiatools.com/zh/samples/terraform-plan-json-samples): 用于依赖可视化和变更审查的 Terraform plan JSON 文件样本，贴近 terraform show -json 输出结构
- [D3.js 数据可视化示例](https://elysiatools.com/zh/samples/d3js-data-visualization): 全面的D3.js数据可视化示例，包括图表、地图、动画和交互式可视化
- [二维码示例](https://elysiatools.com/zh/samples/qrcode-samples): 用于测试二维码读取和生成工具的示例二维码图像