# awesome-f2-charts

**Repository Path**: antv/awesome-f2-charts

## Basic Information

- **Project Name**: awesome-f2-charts
- **Description**: F2 可视化方案精选
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://antvis.gitee.io/awesome-f2-charts
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 2
- **Created**: 2018-08-09
- **Last Updated**: 2026-01-06

## Categories & Tags

**Categories**: charting-components

**Tags**: None

## README

# F2 案例展示

欢迎使用手机扫码观看~

## 可视化基础教程

| 健康运动 | 基金诊断 | 一周天气 |
| -------- | -------- | -------- |
| ![img](https://gw.alipayobjects.com/zos/rmsportal/NEtGfSrLfxknPEsqzyRs.png) | ![img](https://gw.alipayobjects.com/zos/rmsportal/cQPUOkEoGHQFrnwKYGoS.png) | ![img](https://gw.alipayobjects.com/zos/rmsportal/RPmzovPEloAfVGyKxqEm.png) |


## 基金可视化场景


| 基金详情页 1 | 基金详情页 2 | 基金诊断 | 持仓占比 | 同类排名 | 用户累计盈亏 |
| -------- | -------- | -------- | -------- | -------- | -------- |
| ![image](https://gw.alipayobjects.com/zos/rmsportal/MDbdOFNxQGSKpfoaYKhv.png)     |   ![image](https://gw.alipayobjects.com/zos/rmsportal/HnLTnTnXTHjLexUQBmZs.png)   |  ![image](https://gw.alipayobjects.com/zos/rmsportal/cPTOLnCKZARssqtCTHCb.png)    |   ![image](https://gw.alipayobjects.com/zos/rmsportal/GhUijnujsaIGLuFQxbDP.png)   |   ![image](https://gw.alipayobjects.com/zos/rmsportal/KcfRSUtSggDLLVADsRep.png)   |   ![image](https://gw.alipayobjects.com/zos/rmsportal/aBMtvsEMPYnJIGGveWvX.png)   |

* 横竖屏切换示例

| 单位净值 | 业绩走势(带交易)  | 业绩走势(不带交易) |
| -------- | -------- | -------- |
|  ![image](https://gw.alipayobjects.com/zos/rmsportal/aHeudkOyoayXONmUMSqu.png)    | ![image](https://gw.alipayobjects.com/zos/rmsportal/HvSgiOsxDoxhrGdxcgyR.png)   |   ![image](https://gw.alipayobjects.com/zos/rmsportal/jIOSdLKojXqzCeCqHcPQ.png)   |

## 定期理财可视化场景

![image](https://gw.alipayobjects.com/zos/rmsportal/rBgzDQxobzseXShRGQmA.png)