"jQuery, MooTools, Prototype 等优秀的 JavaScript
框架拥有各种强大的功能,包括绘制 Web 图表,使用这些框架以及相应插件,我们可以非常轻松地实现曲线图,圆饼图,柱状图等 Web
图表的绘制,而不必象以往那样通过复杂的 Flash 技术实现。本文介绍了9个优秀的基于 JavaScript 与 CSS 的 Web 图表框架(图文版
)。
"
1. Flot
Flot
是一个纯粹的
jQuery JavaScript 绘图库,可以在客户端即时生成图形,使用非常简单,支持放大缩小以及鼠标追踪等交互功能。该插件支持
IE6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ 以及 Konqueror 4.x+。使用的是
Safari 最先引入的 Canvas 对象,目前所有主流浏览器都支持该对象,除了 IE, 因此在 IE中使用 JavaScript
进行模拟。这里有一些实例
。
2. JS Charts
JS Charts
是一个免费的基于 JavaScript 的图表生成器,表格绘制非常简单,几乎不需要编码,也不需要插件和服务器模块,使用XML 或 JavaScript 数组缓存数据。
3. TableToChart
TableToChart
是一个 MooTools 脚本,可以将 HTML Table 对象中存储的数据绘制成图表。你可以使用 table 标签生成图表,柱状图,曲线图,圆饼图等。
4. PlotKit
PlotKit
是一个 JavaScript 绘图库,支持 HTML Canvas 标签,也支持 SVG。
5. Yahoo UI Charts Control
YUI Charts Control
可以在网页上将表格数据转换为图表,支持柱状图,曲线图以及圆饼图。支持 DataSource 工具,可设置的轴,鼠标盘旋提示,图表组合,以及皮肤等功能。
6. ProtoChart
ProtoChart
是一个基于 Prototype 和 Canvas 标签的开源库,这个库深受 Flot, Flotr, Plotkit
等启发,支持曲线图,柱状图,圆饼图等,可以在同一个图表上显示多套数据,支持可定制的图例,网格,边界以及背景图。支持 IE6/7,
Firefox 2/3 以及 Safari,甚至支持 iPhone.
7. EJSChart
EJSChart
支持鼠标追踪,鼠标事件,按键追踪与事件,缩放,滚动,交互等功能,将用户体验上升到一个新高度。支持曲线图,面积图,离散图,圆饼图,柱状图等形式,拥有完备文档的属性和方法可以帮助实现很好的定制。
8. fgCharting
fgCharting
是一个很出色的 jQuery 插件,支持多种图形。
9. Pure Css Data Chart
以往的数据展示往往通过 flash 实现,现在,我们可以通过纯粹的 CSS 实现类似的功能。CSSGlobe 有一个非常实用的教程帮你实现基于 CSS 的绘图
,甚至不需要 JavaScript。
本文国际来源:http://woork.blogspot.com/2009/03/useful-scripts-to-plot-charts-in-web.html
分享到:
相关推荐
使用Python,Flask,Bootstrap,JavaScript,HTML / CSS和C3.JS作为图表库的数据可视化Web应用程序。 要求 Python 堆 python微框架 用于响应式CSS布局 一个基于的javascript图表库 入门 克隆仓库并安装依赖项: ...
使用Python,Flask,Bootstrap,JavaScript,HTML / CSS和C3.JS作为图表库的数据可视化Web应用程序。 要求 Python 堆 python微框架 用于响应式CSS布局 一个基于的javascript图表库 入门 克隆仓库并安装依赖项: 打开...
项目概述:本项目采用Python语言开发,基于Django 4.0框架和Bootstrap 5前端技术,实现了一套完整的增删改查功能,并集成了Echarts图表展示。项目共包含6678个文件,其中主要包括svg图像资源文件3338个,JavaScript...
PHP/SWF Charts - PHP/SWF 是一个简单支持web图表的强大工具,你能使用 PHP 来收集数据,并发送给flash,支持很多图表类型: Line, Column, Stacked column, Floating column, 3D column, Stacked 3D column, ...
项目概述:本源码是基于Python 3和Django框架开发的完整Web后台管理系统。该系统采用JavaScript、HTML、CSS等前端技术,以及PHP辅助开发,总计4953个文件,其中主要文件类型包括mo、po、py、js、gif、html等。系统以...
PHP/SWF Charts - PHP/SWF 是一个简单支持web图表的强大工具,你能使用 PHP 来收集数据,并发送给flash,支持很多图表类型: Line, Column, Stacked column, Floating column, 3D column, Stacked 3D column, ...
邪恶的图表基于Java的Web应用程序的美观且交互式JavaScript图表。 查看查看带有代码示例的浏览 或下载并运行适用于您的Web框架的应用程序查看什么是邪恶图表? Wicked Charts是和 JavaScript库的Java包装器。 Chart....
SSH 为 Struts+Spring+Hibernate的一个集成框架,是目前较流行的一种Web应用程序开源框架。其中使用Struts作为系统的整体基础架构,负责MVC的分离,在Struts框架的模型部分,控制业务跳转,利用Hibernate框架对持久...
该项目是一个使用Python语言开发的基于框架的课堂投票系统。...总的来说,这个基于框架的课堂投票系统项目不仅提供了实用的工具和资源,也为Web应用开发、用户界面设计和教学技术的研究和应用提供了有价值的参考。
项目概述:本项目是一个基于Python语言的职位画像系统,集成了Scrapy与Django框架,实现了数据抓取与Echarts可视化展示。该系统主要由Python、HTML、JavaScript、CSS和Shell等多种语言编写,包含532个文件,其中HTML...
WebGL 动画:基于 WebGL(Web图形库)的 3D 图形渲染技术,可以实现高性能的复杂动画效果,适合开发需要展示 3D 动画的网页。 React 动画库:如果你在使用 React 框架,可以考虑使用像 React Spring、Framer Motion...
框架、库和软件列表。 - 开源代码库和课程。 学习编码并帮助非营利组织。 - 最流行的 HTML、CSS 和 JavaScript 框架,用于在 Web 上开发响应式、移动优先的项目。 - 用于构建用户界面的声明式、高效且灵活的 ...
这个资源是一个基于Java编程语言、SSM框架(Spring+Spring MVC+MyBatis)、MySQL数据库和JSP页面开发的商城管理系统。 功能模块: 管理端:后台登录、会员管理、资讯管理、类别管理、商品管理、库存管理、订单管理...
本系统前端使用 HTML + CSS + JavaScript 的开发技术,后台使用 PHP + MySQL 的开发技术。细节方面,在 HTML 界面中,为了规范化显示以及排版,使用了 Bootstrap 的 CSS 框架;图表的生成技术则使用了 ECharts 的 JS...
系统的前端部分采用Web技术,使用HTML、CSS和JavaScript等技术实现用户界面和交互功能。后端采用SSM框架,Spring框架提供了IoC(控制反转)和AOP(面向切面编程)等功能,简化了系统的开发和配置;SpringMVC作为一个...
这对于使用网页模板框架PowerShell的Web服务器(V2.2.0 +)。 它使您可以完全使用PowerShell构建网页-无需HTML,CSS或JavaScript知识! 您可以构建图表,表格,表格,常规文本,选项卡,登录页面等。有明,暗和...
一个用于搜索美国大学和学生信息的前端Web应用程序。 此应用程序从API获取数据,您可以在阅读有关API的更多信息。 该前端应用程序是Full Stack项目的一部分。 后端API应用程序的GitHub回购链接: : 。 该网站已...
前端可视化静态页面和可视化大屏是 Web 前端开发中常见的两种应用场景。下面我将分别介绍它们的特点和常用的技术。 可视化静态页面 可视化静态页面主要用于展示数据和信息,并通过图表、图形等可视化元素呈现给用户...
此系统分为 APP 用户端和 Web 管理端,用户端设计...前端开发主要基于 HTML5、JavaScript、CSS3 开发语言,采用 Uni-app 前端框架,图表展示以 ECharts 实现;最终呈现的高血压预警管理 APP 可实现跨平台、多端发布。
基于Python Flask和MySQL的穷游网酒店数据采集与可视化...前端使用HTML、CSS和JavaScript等技术实现了数据的可视化展示,包括图表、地图等形式。通过这些可视化方式,用户可以直观地了解酒店数据的分布、价格趋势等信息