行情渲染引擎工作流程

引擎工作流程及架构

Workflow:

Data Management

• 获取和预处理
  • 数据格式转化
• 保存
• 计算
• 分发

Event Management

• 监听
• 识别及处理事件(事件冲突)
• 分发事件

Layout, Style & Draw

• 整体布局
• Chart内布局
• Chart间布局

---

引擎架构

• ChartContainer: 图表整体容器，唯一的数据管理以及事件监听容器
• Chart
• Components

组件功能

1. chartContainer: 获取数据，整体frame，(optional props: xExtents, indicators), 获取data和frame后，计算plotData, xScale
2. chart: 获取chartFrame, yExtents, 计算yScale
3. components: 根据xScale,yScale和data，结合组件自身的绘制规则进行绘制

---

流程