HTML统计图表

摘要:
RGraph:HTML5/Javascriptcharts用于您的网站http://www.rgraph.net/JQueryVisualizePluginVisualize是一个jQuery插件,它使用HTML5Canvas将Tables标签转换为图表。支持的图表类型包括折线图、柱形图和饼图。您可以设置图表标题、高度/宽度、颜色等http://www.filamentg

RGraph: HTML5/Javascript charts for your website 

http://www.rgraph.net/ 

jQuery Visualize Plugin 

Visualize是一个利用HTML5 Canvas将Tables标签转换成图表的jQuery插件。支持的图表类型包括:线状图,柱状图,饼状图。可以设置图表标题,高度/宽度,颜色等。 
http://www.filamentgroup.com/examples/charting_v2/ 

jCanvasjQuery meets the HTML5 canvas 

http://calebevans.me/projects/jcanvas/index.php 

Charts收集 

http://www.open-open.com/ajax/Charts.htm 


Charts - 图表插件 

HTML5 
======================================================= 
[url]http://calebevans.me/projects/jcanvas/index.php [/url] 

http://www.w3.org/TR/html5/apis-in-html-documents.html 

http://html5demos.com/ 

 这里有很多

 http://www.open-open.com/ajax/Charts.htm

几种通用的比较

 http://www.hkaco.com/software/fusioncharts/fusioncharts/javascript-charting-comparison.html

    • Flot - Flot 为 jQuery 提供的javascript代码库. 容易使用,有特色的图表,提供交互功能(能够放大缩小数据区域等)。是一个纯粹的 jQuery JavaScript 绘图库,可以在客户端即时生成图形,使用非常简单,支持放大缩小以及鼠标追踪等交互功能。该插件支持 IE6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ 以及 Konqueror 4.x+。使用的是 Safari 最先引入的 Canvas 对象,目前所有主流浏览器都支持该对象,除了 IE, 因此在 IE中使用 JavaScript 进行模拟。
       
    • Open Flash Chart - Open Flash Chart 是一个 Flash 图表组件,很容易安装,提供以下语言的API: PHP, Perl, Python, Java, Ruby on Rails, and .Net 来控制图表。 
    • AmCharts - AmCharts 是一个动画交互Flash图表。支持: Pie Charts, Line Charts, Scatter/Bubble Charts, Bar/Column Charts, 甚至股票图表
       
       
    • Emprise JavaScript Charts - Emprise 是一个100% 纯 JavaScript 图表解决方案,并不需要任何 JavaScript 框架. Emprise JavaScript Charts 支持鼠标追踪,鼠标事件,按键追踪与事件,缩放,滚动,交互等功能,将用户体验上升到一个新高度。支持曲线图,面积图,离散图,圆饼图,柱状图等形式,拥有完备文档的属性和方法可以帮助实现很好的定制。
    • PlotKit - PlotKit 是一个 图表和图像的Javascript 库. PlotKit 和 MochiKit javascript 库一起工作,支持HTML Canvas 和  Adobe SVG 显示 以及本地浏览器支持。尤其文档非常全。
    • Flotr - Flotr 是Prototype 1.6.0.2框架的javascript插件库。 Flotr帮助你在浏览器中创建图表,支持鼠标事件响应,放大缩小,CSS类型支持等。
       
    • PHP/SWF Charts - PHP/SWF 是一个简单支持web图表的强大工具,你能使用 PHP 来收集数据,并发送给flash,支持很多图表类型: Line, Column, Stacked column, Floating column, 3D column, Stacked 3D column, Parallel 3D column, Pie, 3D Pie, Bar, Stacked bar, Floating bar, Area, Stacked area, Candlestick, Scatter, Polar, Mixed.
    • Visifire - Visifire 是用 Silverlight 做的,是一个开源可视化数据组件,使用Visifire你能创建动画 Silverlight 图表,支持  ASP, ASP.Net, PHP, JSP, ColdFusion, Ruby on Rails 或者 简单 HTML调用.
      • FusionCharts - FusionCharts 是一个跨浏览器和跨平台的flash图表组件,能够被 ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 简单 HTML 页面 甚至PPT调用. 几乎所有你知道的语言它都支持。
      • JFreeChart - JFreeChart 是一个开源java图表库,让开发者能够很容易在程序里面显示高质量的图表。 JFreeChart 项目从7年前便开始了,起始于 2000 年1月, 已经有四五万开发者已经使用了JFreeChart。JFreeChart 支持很多种图形文件格式: JPEG, GIF, PDF, EPS and SVG. 这对于java开发者是一个很好的资源。

免责声明:文章转载自《HTML统计图表》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇iterm2 "agnoster"主题设置中的一些踩坑 2018.8webapi获取请求地址的IP下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Nodejs介绍及npm工具使用

一、Nodejs介绍   Nodejs英文网:https://nodejs.org/en/   Nodejs中文网:http://nodejs.cn/ Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。 Node.js 的包管理器 npm,...

什么是dtd文件,为什么需要

DTD为英文Document Type Definition,中文意思为“文档类定义”。DTD肩负着两重任务:一方面它帮助你编写合法的代码,另一方面它让浏览器正确地显示器代码。也许你会问它们居然有这样的能力? 如是你是一个个网页制作者,你会很清楚地知道一个HTML文档的基本结构可分为两个主要部分; [html]view plaincopy...

微信H5适配 解决微信调整字体大小导致Html5页面混乱

最近开发公众号遇到一个问题: iOS、Android 加载页面,如果用户调整了微信自带的字体大小,那么我们的页面就会跟随调整字体大小,导致页面错乱无法适配。所以希望能够禁止微信的字体放大功能。 找了一些方法总结如下: 原理:阻止ios和安卓调整字体大小时候的事件,ios通过添加css属性,安卓通过微信属性去阻止。 iOS系统禁止微信客户端修改字体大小: /...

Node 学习 第一天

0.Node 概述 1.实现网站的业务逻辑 2. 数据的增删改查 node 使用JavaScript语法开发后端应用 Node 是一个基于Chorme V8引擎的JavaScript代码运行环境 LTS 稳定版 Javascript 由三部分组成 ECMAScript 、DOM、BOM Node.js 是由ECMAScript 及Node 环境提供的一些附...

HTML5表单之input 类型- Date Pickers(日期选择器)

HTML5 拥有多个可供选取日期和时间的新输入类型: date:选取日、月、年 month:选取月、年 week:选取周和年 time:选取时间(小时和分钟) datetime-local:选取时间、日、月、年(本地时间) datetime:选取时间、日、月、年(在有些浏览器内失效,选用datetime-local) 例1:date <input...

浏览器的渲染原理

参考1:https://coolshell.cn/articles/9666.html#comments 参考2:https://blog.fundebug.com/2019/01/03/understand-browser-rendering/ 思维导图 浏览器工作大流程   从上面这个图中,我们可以看到那么几个事: 1)浏览器会解析三个东西: 一个是...