主分支 demo 使用 tvadingview v20.033 (internal id 9df149da @ 2021-11-17T10:20:51.511Z)版本,charting_library文件请访问 tradingview 官网获取,如需使用或浏览旧版,请切换分支查看。被问及比较多的问题我会在datafeed里添加注释。官方默认的datafeed是通过http获取历史数据,然后通过轮询http接口获取实时数据。如果无需使用WebSocket推送数据建议直接参考官方demo,申请图表成功之后可访问官方仓库。
- WebSocket模式 - 意思是实时数据跟历史数据都通过WebSocket获取,因为WebSocket是通过通知响应的,所以这种模式需要对getBar做特殊处理
- WebSocket+Http模式 - 意思是实时数据通过WebSocket获取,历史数据通过axios,fetch等获取
graph LR
start[React Render] --> input[初始化图表和WebSocket]
input --> conditionA{图表回调 datafeed<回调流程请阅读datafeed文件>}
conditionA -- WebSocket模式 --> conditionC{订阅历史和实时数据}
conditionA -- WebSocket+Http模式 --> conditionB{请求历史数据和订阅实时数据}
conditionC -- WebSocket模式 --> printA[处理实时数据]
conditionC -- WebSocket模式 --> printC[返回符合图表要求的格式数据给图表#请参考getBar函数的类型定义]
conditionB -- WebSocket+Http模式 --> printB[处理实时数据]
conditionB -- WebSocket+Http模式 --> printC[返回符合图表要求的格式数据给图表#请参考getBar函数的类型定义]
printA --> stop[图表渲染数据]
printC --> stop
printB --> stop
- add react demo
- add vue demo: