一个现代化的静态网站，用于展示加密货币市场的贪婪恐惧指数数据。

• 实时数据展示: 显示当前贪婪恐惧指数及历史对比数据
• 交互式图表: 使用Chart.js创建的响应式历史趋势图
• 多时间段筛选: 支持7天、30天、90天、1年和全部数据查看
• 响应式设计: 完美适配桌面端和移动端设备
• 现代化UI: 采用渐变背景和卡片式布局设计
• 中文本地化: 完全中文界面，符合国内用户习惯

# 安装依赖（如果需要）
npm install

# 构建静态文件
npm run build

# 方式1: 使用npm脚本
npm run serve

# 方式2: 使用Python服务器
python3 -m http.server 8000 --directory dist

# 方式3: 使用Node.js服务器
npx serve dist

然后在浏览器中访问 http://localhost:8000

fear_greedy_index/
├── src/                    # 源文件目录
│   ├── index.html         # 主HTML文件
│   ├── styles.css         # 样式文件
│   └── app.js            # JavaScript逻辑
├── dist/                  # 构建输出目录
├── data.json             # 贪婪恐惧指数数据
├── package.json          # 项目配置
├── build.sh             # 构建脚本
└── README.md            # 项目说明

项目使用的data.json包含以下数据结构：

{
  "fear_and_greed": {
    "score": 7.08979591836735,
    "rating": "extreme fear",
    "timestamp": "2025-11-21T08:33:31+00:00",
    "previous_close": 6.44182194616977,
    "previous_1_week": 21.4666666666667,
    "previous_1_month": 28.6857142857143,
    "previous_1_year": 56.60000000000001
  },
  "fear_and_greed_historical": {
    "data": [
      {
        "x": 1732147200000.0,
        "y": 56.60000000000001,
        "rating": "greed"
      }
    ]
  }
}

• 显示当前贪婪恐惧指数分数
• 根据分数显示对应的情绪评级（极度恐惧、恐惧、中性、贪婪、极度贪婪）
• 展示历史对比数据（上次收盘、一周前、一月前、一年前）

• 交互式折线图显示历史趋势
• 支持多时间段筛选
• 鼠标悬停显示详细数据
• 根据情绪评级使用不同颜色的数据点

• 清晰展示各个分数区间对应的情绪评级
• 使用颜色编码便于理解

• HTML5: 语义化标记
• CSS3: Grid布局 + Flexbox + 响应式设计
• JavaScript (ES6+): 现代JavaScript特性
• Chart.js: 专业图表库
• 无框架: 纯原生技术，轻量快速

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

在app.js中修改时间过滤器的配置：

// 在HTML中添加新的按钮
<button class="time-filter" data-period="180">6个月</button>

// JavaScript会自动处理新的时间段

在styles.css中修改CSS变量或直接修改颜色值：

.rating-extreme-fear { background: #your-color; }

MIT License

欢迎提交Issue和Pull Request来改进这个项目！

---

数据来源: CNN Business Fear & Greed Index API