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

2025-05-25 01:12:10

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画实时金融数据蜡烛图
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢