1.首先向社区致敬给予灵感参考: https://bbs.hcharts.cn/thread-1985-1-1.html(给予参考的的例子js配置代码未进行压缩,可以清楚看到配置信息)   2.公司是金融数据公司,业务需要,需要在web页面展示大量图表(highcharts 居多,d3一部分项目项目用到),但是网上没有现成的用highcharts 做成的股票分时图,我就参考我们的大客户京东金融的部分页面效果,https://fund.jd.com/detail/101925.htm,和云财经ht…

一直在用 highchart 在做图表,最近一段时间突然接到一活,需要用 highstock 帮客户完成一个股票K线图和分时图.虽然用法和 api上与 highchart 没什么区别,但还是研究一番做出了对应的DEMO,于是抽空与大家分享下. 预期想要达成的效果图 highstock 开发股票或者财经的分时图 准备工作 引入 highstock 文件 [ 这里需要重点注意了,需要引入 highstock 的版本 为 v1.2.5 版本,最新版和老版本有很大的区别,至于为什么随后在代码结束后为大家…

IOS 股票K线图.分时图,网上开源项目很少,质量也是参差不齐:偶尔搜索到看似有希望的文章,点进去,还是个标题党:深受毒害.经过一段时间的探索,终于在开源基础上完成了自己的股票K线图.分时图: 先放出股票分时图运行截图: 分时图源码已在 Github 上开源,有需要的,拿走不谢,记得给个小星星.源码地址:https://github.com/YongbaoWang/StockChart 时间仓促,加之个人水平有限,代码封装不好,冗余很多,希望大家共同参与,一起维护,把这个分时图做得越来越好. 至…

概要 从事金融行业开发 ,会接触些图表控件,这里我分享一下自己基于DevExpress.Charts.v16.2开发的股票分时走势图的经验. 附上源码:点击跳转 如果需要讨论,Q群:580749909 截图 思路 <dxc:ChartControl CrosshairEnabled="True" DataSource="{Binding ChartCollection}"> <dxc:XYDiagram2D> <!-- 设置X轴的内容…

最近工作极度繁忙,已经好久没有更新博客了,总感觉要是再不抽空总结总结点东西,分分钟就会被懒惰的状态给打到了.同时也希望同学们谨记,如果你已经决定要坚持某些正确的东西,比如背完某章单词,看一完本书抑或是跑完多少公里等等,都要坚持下去,不要轻易被自己的懒惰与懈怠打败…… 今天要讲的是关于怎么解决某些砰然大物般的问题,我回想了一下过去遇到的所有难题,都可以划分成为一个个微不足道的小问题.于是想起了管理学里面有关“拆分”的内容,就是任何复杂的东西都可以拆分成一个个简单得任何人都可以做的地步. 想到这些问…

公司项目主要是做股票及期货行情展示及交易,h5相应的做了一些功能---可以看行情图及模拟交易,实盘交易存在一定的风险,老板希望做自己的产品,这样h5就尴尬了,不过没关系,项目里还是有一定技术含量的---①设计到很多合约品种,场景多及复杂②设计一些功能模块的同时,后台没以前牛气了,这次需要他们的积极配合了(很感谢他们,主要是一些接口的配合),③涉及到大量的数据传输及缓存,④react组件与多组件配合使用(react+router+webpack+highstock+mobx).下面图片可以说明上述…

先废话一下:来到公司之前.项目是由外包公司做的,面试初,没有接触过分时图k线这块,认为好难,我能搞定不.可是一段时间之后,发现之前做的那是一片稀烂,可是这货是主功能啊.迟早的自己操刀,痛下决心,开搞,本想用开源控件.可是想自己实现一下:接着有了本文 開始用surfaceview,可是这货在上下滑动的时候会出现黑边,这个问题我也是纠结了好久,想想产品肯定会打回,打回了还丢脸,算了没多少东西就用view吧,废话真tm多,開始吧. 1,创建项目(Android studio) 2,对了.先上个效果图吧…

第一次写技术博客,有不足的地方希望大家指证出来,我再加以改正,谢谢大家. 之前一直没有找到一个合适的分时图项目,所以决定自己动手撸一个.接触的图表框架不多,在网上看到不少人推荐使用echarts,看了一下,很不错,例子多,文档也全,简单的过了一下配置项,感觉可以,就选择了使用echarts来实现. 这是雪球的分时图效果,接下来我将用几篇文章来讲解如何使用echarts来实现以下效果图. 一．分时图的组成 1．仔细看分时图的话,会发现其实分时图是由折线图跟柱状图来组成的.上方的折线图中,左边的数值…

这章节来收拾一下一些小BUG,顺便把各个小提示信息也补上,分时图也就完成了. 上章节末尾提到的一个bug,就是第一个grid跟第三个grid之间是断开的,折线并没有连在一起,所以先来收拾这个问题.没有连着一起的原因主要是第一个grid的最后一条数据的值,跟第三个grid的第一条数据不一样,而且grid之间是不会帮你把这两个点连接起来的,所以会出现一上一下的断崖.知道了是什么原因,那就知道该怎么办了.在遍历数据的时候,我们先往grid3Data数据里加一条数据,这条数据的值是grid1Data的最…

这章节将完成我们的分时图,并使用真实的数据来进行展示分时图. 一天的交易时间段分为上午的09:30~11:30,下午的13:00~15:00两个时间段,因为分时间段的关系,数据是不连续的,所以会先分为2个grid,上午的grid跟下午的grid,又因为分时图是由折线图跟柱状图来组成的,所以又把上下午的grid再一分为二,变成了4个grid,这也是为什么会分解成4个grid的原因. 先看看分时图的数据. 现在我们再重新看一下雪球的分时图 根路径的last_price指的是昨日收盘价,这个数值很重要…