怎么用highcharts画股票分时图?

发布于 2022-08-30 15:51:01 字数 283 浏览 21 评论 0

highcharts官方例子:http://www.highcharts.com/stock/demo/dynamic-update
需要实现如雪球:http://xueqiu.com/S/SZ002024,这样的分时图效果,x轴固定时间,然后有数据就实时打点

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

戈亓 2022-09-06 15:51:01

/我也正在做,也想知道这个问题,我找到答案之后再告诉你吧/


2014年12月8日11:29:21 编辑
现在我还是没找到真正的解决方法,但是用了另外一个方法解决了这个问题,你的既然是股票分时图,应该还要显示交易量的吧?比如说像下图那样

clipboard.png

如果是有交易量的就好办了,在你的交易量的数据中,把后面没有数据的地方也加上数据,x值自己计算,y 值均为 0 就行了

while(columnData.length<240){columnData.push({x:columnData.slice(-1)[0].x+(60*1000),y:0})}

columnData是交易量数据,正常来说,中国一天开市的时间是 4 小时,每小时 60 分钟,4*60=240 分钟,刚好数据也是一分钟一条,所以columnData.length应该为 240. 设置 x 值的方法你可以参考,反正 y 值是 0。而分时的价格数据不用管,最后效果如上图。

不打扰别人 2022-09-06 15:51:01

你可以使用websocket or comet长连接 or 轮询的方式 实时推送数据 到 前端 :)
至于highcharts 怎么画 就不多说了:)

勿忘心安 2022-09-06 15:51:01

highcharts没用过, 我推荐你用 echarts;
有很多实例可以看,文档也是中文的,有问题还可以直接去oschina问;
Echarts - example
动态数据

数据请求用 setInterval 定时请求数据应该就是可以了;

爱的十字路口 2022-09-06 15:51:01

有代码吗 可以给我参考一下吗 1103120404

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文