html5绘图工具选择

1. Chart.js
基于html5, 完全开源免费
功能过于简单，只有6种图，能满足小系统需求，使用简便，效果比较炫。

http://www.bootcss.com/p/chart.js/

2. CanvasJS
基于html5, 收费，可以免费下载, 商用授权要收费
支持24种图，效果也还不错。
http://canvasjs.com/

3. HighCharts
基于html5，开源，商用授权要收费，功能丰富，可支持25+图形，效果不错。所说速度没有FunsionCharts快，不过中文资料比较丰富
http://www.hcharts.cn/index.php

4. FusionCharts
基于html5/Flash，支持的图形种类比HighCharts更多,超过90种，但是感觉没有HighCharts炫

5. jchartFx
有免费和收费两种，免费的要加水印，功能不全，不过各种图形也够用了，有40+，商用授权还是要收费
效果感觉也还行，这些html5的控制，效果都还不错

6. amCharts
基于html5，效果也不错，商用收费

7.JsCharts
基于html5，非商业免费+水印，去水印+商用=收费，感觉效果没有前几个好

8. flotchart和Morries.js
http://www.tuicool.com/articles/RZJnIj 这是一篇两者对比文章，都比较简单

经过比较，除了chart.js其它的商用都要收费，比较而言，HighCharts更好

时间： 2024-12-05 08:08:24

html5绘图工具选择的相关文章

10款最佳HTML5绘图工具

HTML5无疑是当前最受宠的一项技术,每个web设计者都在热烈的讨论这种神奇的标记语言的兴起.HTML5是一种学起来毫不费力的标记语言,但它却能提供迷人的.富有艺术性的特征,帮助web设计人员完成他们的构思想象.HTML5对于一个设计人员来说能毫不费力的理解,轻松的掌握. 草绘和制图是设计工作者工作中一个重要的特征.HTML5将会这方面显露出不可限量的前途. 今天,我给web设计人员收集了几款最好的HTML5绘图或涂鸦工具.这些绘图工具大多数是用HTML5画布(Canvas)实现的,部分辅以Ja

工若善其器，必然利其事。 HTML5开发工具选择

本人没有美工功底,学习html5的主要目的也不是为了做网页设计, 而是学习其脚本语言javascript的编写, 还有就是CSS. 于是在网上到处找html5开发的资料,html5的开发工具等等. 网上很多朋友都推荐有好几款开发工具,我也试着下载安装过有好几款, 其中网友比较多使用的是dreamweaver, 但本人觉得Dreamweaver对于网页设计者来说应该是最佳的选择, 但由于 Dreamweaver没有调试功能,而且javascript的自动提示功能不怎么好使,作为代码编写为主的开发

HTML5 canvas 在线画笔绘图工具（一）

HTML5 canvas 在线画笔绘图工具(一) 功能介绍这是我用Javascript写的第一个程序,在写的过程中走了很多弯路,所以写完之后想分享出来,给与我一样的初学者做为学习的参考,同时在编写这个程序时我也碰到一些问题,这里我也会一并的提出来给大家讨论,让我们都能得到进步.因为是初学javascript,所以水平较低,欢迎大家提出批评意见. 程序包含以下内容 1.工具条 2.基本的绘图命令,目前仅有直线.矩形.圆 ,以后有空还会增加一些命令 3.线型选择 4.颜色选择 5.保存图素 6

HTML5 canvas 在线画笔绘图工具（三）

组装画板(TDrawBuilder) 在这一小节中我们要把工具条和画板组装起来,让他们可以协同进行工作. 画板通过一个命名为TDrawBuilder来进行组装.在详细讲解TDrawBuilder对象之前我们来看一下程序的HTML代码. 画布由三个Canvas组成 toolbar用于绘制工具条,drawCanvas 用于画图的画布,openCanvas 用于在打开保存的图片时显示小图片. 通过建立一个新的TDrawBuilder对象 new TDrawBuilder(toolbar,drawcan

那些年，我追过的绘图工具

https://zhuanlan.zhihu.com/p/19900327 ***************************** 文档能力是一个工程师必不可少的基础能力,而高质量的文档往往伴随着高质量的图表."A picture is worth a thousand words",复杂的概念,逻辑,想法往往能够用图表清晰而生动地表达.一张好的图表离不开制作人的大脑对思维的描述,但同样离不开制作人所使用的工具.好的工具,让同样的事情事半功倍.我是一个工具爱好者,即便手头上有一个称

百度搜索量第一的化学绘图工具，竟是它？

互联网连接你我他,将世界变成地球村,搜索引擎就是互联网的入口,所谓万事问“度娘”一点也不假.搜索引擎掌握用户的大数据,它会将最优质的最符合用户需求的结果排在第一位推荐给用户.如果你现在只知道自己要找一款化学绘图工具但是不知道哪一款最好,那就在百度搜索“化学绘图工具”嘛,排在第一位的你可以毫不犹豫的选择,那就是ChemDraw! 为了获取最安全最绿色最正规的软件包,建议你搜索ChemDraw中文官网进行下载:http://www.chemdraw.com.cn/. 言归正传,ChemDraw之所以

matlab绘图工具

matlab绘图工具觉得有用的话,欢迎一起讨论相互学习~ 有时候很急,只想从工作区中简单的看看数据的表现.这时候推荐使用绘图工具. 下面以画一个二维散点图为例打开工作区选择需要查看的变量绘图-->scatter(默认以第一列为x,第二列为y) 但是如果此时不想以第一列为x,例如想要用第2列的值作为x轴,第1列的值作为y轴怎么做呢? 打开查看-->属性编辑器双击数据点,选择其x轴和y轴对应的数据值其中这个矩阵名字叫做data,修改其x轴为data(:,2)表示第二列,修改其y轴为dat

HTML5绘图之文字旋转

HTML5绘图之文字旋转在GDI/GDI+中文字旋转是一件比较容易的事情,HTML5的Canvas中的旋转与GDI/GDI+中的旋转稍微有点差异,先看一个图: 文字旋转的示例代码 ctx.beginPath(); ctx.fillStyle = "#000000"; ctx.font = "52pt Calibri"; ctx.textAlign = "center"; ctx.fillText(this.end, endX, endY); c

web前端入门之HTML5绘图

麦子刚刚又有一门新课程上线了!爱学习的你,还不强势围观? ------ 新课讲什么? HTML5提供了Canvas元素,允许脚本语言动态渲染位图像.Canvas由一个可绘制地区HTML代码中的属性定义决定高度和宽度.JavaScript代码可以访问该地区,通过一套完整的绘图功能类似于其他通用二维的API,从而生成动态的图形. #小麦说#本课程详细讲解了HTML5绘图的基本方法,包括文字.路径.图像和渐变等内容,最后以一个单机版的五子棋项目来证明HTML5绘图功能的强大. ------ 新课在哪