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

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

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

上一章简单的介绍了一下分时图的构成,其实就是折线图跟柱状图的组成.本来这章打算是把分时图做完,然后再写一章来进行美化和总结,但是仔细观察了一下,发现其实东西还是有点多的.分时图的图表做完后,还要去美化,调整分数图的各种提示信息,比如鼠标放进去的时候会有一个十字,一个信息框,以及各个刻度的详细刻度值,等等.所以这章我们要的是把分时图图表全部画出来,美化.提示信息则放到接下来的章节.开始写代码. 一．使用echarts的grid属性,把多个图表整合成一个图表.上一章末尾,我们用PS工具把两个图表放在…

最近项目需求制作一个力导向图来展示企业的画像等关系信息,故想到了百度Echarts的关系图,在这使用Echarts3.0版本来实现.先上效果图,再看代吗 哎,本来想整个工程扔出来,发现好像没地方上传附件,所以就先附上部分重要代码,节点的参数大部分封装在后台代码中,前端js只负责配置参数以及调用后台获取对应的节点以及关系线.你也可以所有节点和线的数据都在js中构造也是可以的. //C#代码 using System; using System.Collections.Generic; using…

GitHub地址:https://github.com/ptddqr/wpf-echarts-map/tree/master 关于大名鼎鼎的百度Echarts我就不多说了 不了解的朋友直接看官方的例子吧 http://echarts.baidu.com/examples.html 效果图: 关于可行性:以前常听人说wpf动画开多了会很卡,而我也没有写过含有大量动画的项目,不知道实际怎样,这个地图显然全是动画,所以我写了个测试动画性能的小程序,生成100个点和线跑动画,发现完全没有什么问题. 所以…

在目前的一个项目中,需要用到报表表现数据,这些数据有多个维度,需要同时表现出来,同时可能会有大量数据呈现的需求,经过几轮挑选,最终选择了百度的echarts作为报表基础类库.echarts功能强大,界面优美.由于客户是淘宝卖家,因此想要实现每个月全国各个省份各自购力如何,大家可以统计其他的,如果GDP 人口 等等. 百度echarts简介请参考 http://echarts.coding.io/doc/example.html 效果图如下:全部是动态数据 JS代码: <!-- Charts La…

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

http://zanderzhang.gitcafe.io/2015/09/19/iOS-Andriod百度地图仿百度外卖-饿了么-选择我的地址-POI检索/ 百度外卖选择送货地址: 饿了么选择送货地址: 百度地图api官网 第一个图,就是放一个UIImageView在MapView的中间,然后我们拖动的时候下面地图在跑. -(void)addMiddleImage{ UIImageView *imaV=[UIImageView new]; imaV.center=_mapView.center…

版权声明:本文为博主原创文章,未经博主允许不得转载. Android 仿PhotoShop调色板应用(三) 主体界面绘制    关于PhotoShop调色板应用的实现我总结了两个最核心的部分:   1. 主体界面不同区域的绘制   2. 颜色选择的生成与交互 这里我讲述一下第一要点,也就是ColorPickerDialog对主体界面的绘制. 首先还是看一下ColorPickerDialog整体显示的效果(见图1)     图1 对应着效果图我画了一张界面结构分析图,相信看了之后会对该界面的组成很…