原文:html5 canvas做的图表插件

用highchart的时候发现它是用svg来画图的,那么用canvas来做怎么样的。 以前做AS图表插件的时候,绘制图画主要用容器的Graphics对象来绘制,而canvas的context和Graphics一样,都可以用来绘制图形。 然后就试着用canvas做了这样一个东西。 具体实现如下,个人表达能力有问题,各位看官还是看源码吧,如下: ChartTest .js源码如下: ...

2014-05-13 23:12 5 2378 推荐指数:

查看详情

基于html5 canvas 的强大图表插件【Chart.js】

名词解释 Chart.js:是基于html5canvas的强大图表插件,支持多样的图表形式,柱状线性饼环极地雷达等等; canvas:只兼容到IE9 excanvas.js:强大的第三方兼容插件,可以使canvas兼容到IE5 链接   Chart.js中文网 ...

Fri Apr 01 18:40:00 CST 2016 0 2110
html5图表canvas和svg(矢量图和位图)

什么是矢量图?矢量图格式是什么?和位图又有什么区别? 个人理解: 矢量图就是有具体描述图的组成结构的(点和线)特性(大小长度颜色等) 位图就是只是描述单个像素点的色彩,然后将所有像素点整合成一张图。 绘制图表主要分为canvas和svg方式。 SVG 指可伸缩矢量图 ...

Mon Sep 14 06:23:00 CST 2020 0 532
基于HTML5 Canvas的3D动态Chart图表

发现现在工业SCADA上或者电信网管方面用图表的特别多,虽然绝大部分人在图表制作方面用的是echarts,他确实好用,但是有些时候我们不能调用别的插件,这个时候就得自己写这些美丽的图表了,然而图表轻易做不成美丽的。。。看到有一个网站上在卖的图表,感觉挺好看的,就用 HT for Web 3D 做了 ...

Thu Nov 02 16:01:00 CST 2017 4 1641
基于HTML5 Canvas的饼状图表实现教程

昨天我们分享了一款基于HTML5的线性图表应用,效果非常不错,可以看在线DEMO或者实现教程。今天我们继续来分享一款基于HTML5的网页图表,它也是利用Canvas绘制的,但是和前面不同的是,这款图表是饼状图,并且我们可以点击右侧的表格来选中激活当前的图表数据,具体效果可以看DEMO演示 ...

Tue Aug 19 19:56:00 CST 2014 0 5501
HTML5 进阶系列:canvas 动态图表

前言 canvas 强大的功能让它成为了 HTML5 中非常重要的部分,至于它是什么,这里就不需要我多作介绍了。而可视化图表,则是 canvas 强大功能的表现之一。 现在已经有了很多成熟的图表插件都是用 canvas 实现的,Chart.js、ECharts等可以制作出好看炫酷的图表 ...

Tue May 23 16:42:00 CST 2017 6 13937
9款基于HTML5/SVG/Canvas的折线图表应用

1、华丽的HTML5图表 可展示实时数据 HTML5图表应用中也十分广泛,比起以前的网页图表HTML5图表制作更便捷,功能更强大。这款HTML5图表插件外观十分华丽和专业,在数据展示方面也很有优势,图表不仅支持多维数据展示,而且支持区域选择数据功能,利用该HTML5图表可以更加方便地管理 ...

Thu Mar 12 16:56:00 CST 2015 0 8370
HTML5 canvas banner广告编辑插件canvas画图实例

请用谷歌或则火狐浏览器浏览! DEMO演示:点击演示 DEMO下载:点击下载 利用HTML5 canvas中的canvas.toDataURL 可以对画布进行输出操作,可以利用这个特性做出图像的裁剪功能 以前要做裁剪操作需要传递数据到后端,如PHP,利用相应的图像操作函数操作保存!现在 ...

Sat Dec 01 22:49:00 CST 2012 0 3395
HTML5项目笔记9:HTML5 Canvas图表报表开发

我们前面所涉及的离线数据库、离线文件的操作,会话机制的控制,以及客户端跨域数据同步、与服务端的交互,都可以很好的让用户在没有网络或者与服务端断开链接的情况下进行正常的操作。但我们的这个离线系统的客户中包含了很多的特定群体,如财务,会计、数据抽取人员,于是需要对数据报表和数据图表一个很强有力支持 ...

Mon Sep 03 00:32:00 CST 2012 1 3330
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM