javascript - 怎么用highcharts画股票分时图?
PHP中文网
PHP中文网 2017-04-10 14:47:32
[JavaScript讨论组]

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

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(4)
大家讲道理

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


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

如果是有交易量的就好办了,在你的交易量的数据中,把后面没有数据的地方也加上数据,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。而分时的价格数据不用管,最后效果如上图。

PHPz

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

PHP中文网

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

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

天蓬老师

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号