HTML5图表组件一点感想

虽然注册园子很早了,但是一直没写过什么文章,都是看各位大神的文章,自己也总结过,但是都没有成章,从现在开始督促自己做一些总结,逐步提升自己。就先从最近的项目开始吧。

最近的项目是在移动端进行图表开发,针对目前流行的图表框架做了些研究,主要有echarts、highcharts、ichart、chartjs及canvasjs。

echarts底层基于ZRender(canvas类库),支持各种复杂的图表,交互能力很强,兼容绝大多数浏览器,基础包过大(449k),需指定图表宽高,虽然说是支持移动端,但是数据量很大的时候,快速滑动是图表会模糊;highcharts同样支持各种复杂的图表,交互能力也可多种多样,可以缩放图表,底层是svg形式的图表,移动端表现很好,但是需要商业授权;ichart图表展现及交互都尚可,如果移动端设备宽度过小,会导致数据重叠,并且很久没有更新维护了;chartjs底层也是canvas,展现图表方面极佳,移动端表现很好,api使用不复杂,但是复杂的交互好像很少;canvasjs同样需要商业授权,底层基于canvas元素。

综合多种图表,结合我们目前的项目,我们在echarts与highcharts中权衡利弊,进一步结果,会再以后更新。

时间: 2024-08-30 09:12:00

HTML5图表组件一点感想的相关文章

扩展HT for Web之HTML5表格组件的Renderer和Editor

在HT for Web提供了一下几种常用的Editor,分别是: slider:拉条 color picker:颜色选择器 enum:枚举类型 boolean:真假编辑器 string:普通的文本编辑器 除了这几种常用编辑器之外,用户还可以通过继承ht.widget.BaseItemEditor类来实现自定义编辑器. 而渲染器,在HT for Web提供常用的Renderer有: enum:枚举类型 color:颜色类型 boolean:真假渲染器 text:文本渲染器 和编辑器一样也可以自定义

微信小程序图表组件 wx-f2

摘自 杀个程序猿祭天  https://www.jianshu.com/p/6b9fe45f799f Github地址:https://github.com/antvis/wx-f2 AntV F2地址: AntV F2 微信小程序图表组件 wx-f2,源于 F2,专为移动而生 F2,专为移动而生的可视化解决方案,特为大家提供了微信小程序端版本,体积小巧,性能卓越,底层基于图形语法,可以提供非常丰富的图表类型. 可以使用微信扫描以下二维码先体验一番: image wx-f2 F2 的微信小程序版

读《少有人走过的路》的一点感想

这本书是美国心理医生斯科特*派克写的,不属于励志类书籍,但对人的启迪感觉比励志类的要好.心理疾病在我们国家属于极端被鄙视的一种病之一,骂人"神经病"也属于比较恶毒的一类.其实心理疾病在我们国家很普遍,因为我们的文化和社会环境更为容易滋生这类疾病,而且由于讳病忌医的缘故,造成了很多的人间悲剧.最为常见的一种心理疾病就是抑郁症.而得抑郁自杀的其实每年都有很多,其实这里面很多人,如果能够得到必要的治疗,是完全可以避免悲剧发生的. 作者的观点是人生就是苦难重重的,既然人生是苦难重重的,那么就应

关于Highcharts图表组件动态修改属性的方法(API)总结之Series

Highcharts图表组件内的Series很重要,如果说Categries是其大脑,那么Series就是其心脏.这两者才是Highcharts图表组件的重中之重啊.接下来就为大家介绍关于设置Series的相关方法. 一.目录结构 二.API 1.addPoint(添加一个数据点) 参数: options:数据值(①可以是具体的一个Y轴数值,那么X轴坐标系统会随即分配一个:②可以设置一个数组,有着X和Y的数值,如:[xValue,yVlaue] 这样的形式:③可以设置一个Object(对象),详

HT for Web的HTML5树组件延迟加载技术实现

HT for Web的HTML5树组件有延迟加载的功能,这个功能对于那些需要从服务器读取具有层级依赖关系数据时非常有用,需要获取数据的时候再向服务器发起请求,这样可减轻服务器压力,同时也减少了浏览器的等待时间,让页面的加载更加流畅,增强用户体验. 进入正题,今天用来做演示的Demo是,客户端请求服务器读取系统文件目录结构,通过HT for Web的HTML5树组件显示系统文件目录结构. 首先,我们先来设计下服务器,这次Demo的服务器采用Node.js,用到了Node.js的express.so

C#开源图表组件

下面是C#开源图表组件: NPlot:http://netcontrols.org/nplot/ 我觉得是.NET开源轻量级比较好的,但是在实时显示图表上不是很出色 graphviz(quickgraph):http://www.graphviz.org/  功能很强大,相关的中文介绍可以看http://zh.wikipedia.org/zh/Graphviz ZedGraph:原题"A flexible line graph class library in C#",效果不错,下载地

由$(this).attr('id')引出的一点感想

这几个月一直在学习JS,对HTML不够重视,有些很基础的东西还没完全掌握,于是暴露了问题. 在看DOM元素属性时突然看到了id属性,不由得想起之前我竟然是这么来获取id的 $('#btn').on('click', function() { var id = $(this).attr('id'); //... }); this指向被点击的dom元素,id的话这样取就好了 $('#btn').on('click', function() { var id = this.id; //... });

基于HTML5树组件延迟加载技术实现

HT for Web的HTML5树组件有延迟加载的功能,这个功能对于那些需要从服务器读取具有层级依赖关系数据时非常有用,需要获取数据的时候再向服务器发起请求,这样可减轻服务器压力,同时也减少了浏览器的等待时间,让页面的加载更加流畅,增强用户体验. http://www.hightopo.com/guide/readme.html 进入正题,今天用来做演示的Demo是,客户端请求服务器读取系统文件目录结构,通过HT for Web的HTML5树组件显示系统文件目录结构. 首先,我们先来设计下服务器

jquery html5图表动画圆形饼图特效

上图: html和jquery实现的饼图特效,效果特好 使用方法: 引入脚本和css <link href="css/style.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery.js"></script> <script src="