# data-echarts

**Repository Path**: championwang/data-echarts

## Basic Information

- **Project Name**: data-echarts
- **Description**: 一个基于 HTML5、ECharts 和 Tailwind CSS 构建的数据可视化和统计分析工具，支持多种图表展示和统计分析功能。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-10-30
- **Last Updated**: 2025-10-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 数据可视化, H5

## README

# 数据可视化与统计分析工具

一个基于 HTML5、ECharts 和 Tailwind CSS 构建的数据可视化和统计分析工具，支持多种图表展示和统计分析功能。

## 功能特性

### 数据输入
- **手动输入数据**：支持通过文本框手动输入数据序列（用逗号分隔）
- **随机生成数据**：支持三种分布类型的数据生成：
  - 均匀分布 (Uniform Distribution)
  - 正态分布 (Normal Distribution)
  - 指数分布 (Exponential Distribution)

### 图表展示
支持五种图表类型：
- 点分布图 (Scatter Plot)
- 折线图 (Line Chart)
- 柱状图 (Bar Chart)
- 直方图 (Histogram)
- 箱线图 (Boxplot)

### 统计分析
提供全面的统计分析功能：
- 基础统计量：样本数量、均值、标准差、中位数、偏度、峰度
- 正态性检验：Shapiro-Wilk 检验
- 拟合优度分析：线性拟合和二次拟合 R² 值比较

### 导出功能
- 图表导出为 PNG 图片
- 统计报告导出为文本文件

## 技术栈

- **前端框架**：纯 HTML5 + JavaScript
- **样式框架**：Tailwind CSS v3
- **图表库**：ECharts v5.4.3
- **图标库**：Font Awesome v4.7.0
- **响应式设计**：支持桌面和移动设备

## 使用方法

1. 打开 [index.html](file://D:\h5-projects\data-echarts\index.html) 文件
2. 输入数据或生成随机数据
3. 选择图表类型查看可视化结果
4. 查看统计分析结果
5. 可导出图表或统计报告

### 数据输入方式

1. **手动输入**：
   - 在"手动输入数据"区域输入用逗号分隔的数值
   - 点击"加载数据"按钮

2. **随机生成**：
   - 设置最小值、最大值和数据点数量
   - 选择分布类型
   - 点击"生成数据"按钮

### 图表操作

- 使用图表类型下拉菜单切换图表类型
- 点击"导出"按钮保存图表为 PNG 图片

## 统计分析内容

### 基础统计量
- 样本数量 (n)
- 均值 (μ)
- 标准差 (σ)
- 中位数
- 偏度
- 峰度

### 正态性检验
- Shapiro-Wilk 统计量
- p 值
- 正态性结论

### 拟合优度分析
- 线性拟合 R²
- 二次拟合 R²
- 最佳拟合模型判断

## 浏览器兼容性

- Chrome 60+
- Firefox 55+
- Safari 12+
- Edge 79+

## 许可证

本项目为开源项目，可用于学习和参考。

## 作者

数据可视化与统计分析工具 © 2025