数据渲染流程
2021-05-27 10:22:28 0 举报fsf
作者其他创作
大纲/内容
处理增改查
updateLanguage()更新多语言
updateCustom()更新自定义配置
某个模块y轴数组
x轴矫正刻度位置（y轴是连续的 x轴是不连续的）
okline-settings 四、基础初始化流程
画当前K线开盘价和收盘价画实线，开盘价>收盘价红线，context.rect()方法绘制矩形；最高价与开盘价画上影线，最低价与收盘价画下影线，context.moveTo context.lineTo绘制直线
getKlineData()获取K线数据
暴露store.getDataSource()
六、基本布局定义
DataFeed类
布局绘制
五、数据源处理
七、绘制X轴（时间轴）
生成对应的指标数据
绘制不同的cavans
十一、绘制指标标
dp.toY()容器上边缘 +（最大值-当前值）*[(顶部像素-底部像素)/(最大值-最小值)]
updateTheme()更新主题
DataProvider类
store.setAreas()定义各个部分的区域位置
定义画笔，store.getPlotter()
十、绘制蜡烛图
定义指标函数（EMA，BOLL）
背景颜色、网格虚线、蜡烛图、指标主内容等
store.getDataSource()
九、绘制十字光标线（hover虚线）
监听鼠标移动事件
frame、chart、timeline、main、indicator
DataSource类
X轴数据源/X轴大小范围
指标数据indicators：最大值最小值、指标数据、x轴数据、y轴数据等
某个值的y坐标
dataSource包含高开低收的数据源
通过FrameAreaGroup的layout()函数来赋值区域位置
ds.getDataAt(index)
绘制
根节点：chartCanvas 整个图表canvas；chartCanvas；覆盖在上面的canvas
获取当前索引K线信息
setting klineUrl/channel:K线接口/推送
new CombKline(config)
八、 绘制Y轴（主副图刻度）
计算每个刻度x偏移量
config配置
store.getDrawAction().draw(
setting数据
dp.getGradations()getModuleName()
okui-combkline
0 条评论
下一页
