如何用JavaScript画实时金融数据蜡烛图

 时间:2024-10-12 11:41:07

1、首先,我们在Alpha Vantage文档中查找到我们想要的金融数据类型,并且查看如何调用query?function=F淌捌釜集X_DAILY&from_symbol=AUD&to_symbol=CNY&outputsize=compact&apikey=

如何用JavaScript画实时金融数据蜡烛图

3、接下来,我们用jQuery的查询方法直接把从钽吟篑瑜Alpha Vantage获取到的数据传递到JavaScript中,将async:设置为熠硒勘唏false可以跳过等待数据,先加载后面的内容,提升王页的流畅性$.ajax({async: false,url: '请求的csv文件地址',}).done(successFunction);

如何用JavaScript画实时金融数据蜡烛图

5、接着,我们在JavaScript中处理数据的格式,将它整理成ECharts中对应的数据格式顺序。排布顺序为open, close, low, high,即开盘价,收盘价,最低价,最高价

如何用JavaScript画实时金融数据蜡烛图

7、由于我们采用的是在线的金融数据API,所以每次打开网页都会重新获取数据源,故为实时的数据绘制的蜡烛图,图的大小是根据浏览器窗口大小自适应的,坐标尺度是根据数据极值自适应的

如何用JavaScript画实时金融数据蜡烛图
  • 360极速浏览器老是提示网站不安全,怎么办?
  • 谷歌浏览器如何保存网页
  • 360浏览器怎么添加自定义常用网址
  • edge浏览器ie兼容模式设置教程攻略
  • 360极速浏览器X设置极速模式下弹窗用新标签打开
  • 热门搜索
    猪耳朵怎么做好吃 ppt怎么自动播放 微信直播间怎么开通 我的世界活塞怎么用 存折丢了怎么办 乳头痛是怎么回事 手机开机密码忘了怎么办 怎么加水印 手机怎么测网速 百度经验怎么赚钱