• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 9款很棒的网页绘制图表JavaScript框架脚本

9款很棒的网页绘制图表JavaScript框架脚本

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含网页,绘制图表,JavaScript,框架脚本等相关知识,佚名 希望在学习及工作中可以帮助到您

9款很棒的网页绘制图表JavaScript框架脚本

title

1.Flot

javascript-chart-01

Flot是基于 jQuery框架绘制图表的纯Javascript框架。它可在客户端即时绘制并生成各种图形。重要的是它使用简便(还有很多可选的设置)、吸引人的视觉 效果和交互功能,如图表缩放和鼠标跟踪等。该javascript框架适用于我们所熟知的 Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+浏览器。 查看图表样例

2.JS Charts

javascript-chart-02

JS Chart是需要一些简 单或无需手工书写编码的基于Javascript的免费图表生成器。使用JS Chart可以很简单很容易的完成你的生成图表任务,因为你只需要使用客户端脚本(即浏览器端),无需多余的插件或服务器端模块。你只需要准备好JS Chart脚本、包含图表数据的XML或Javascript数组,你的图表就准备就绪了。

3. TableToChart

javascript-chart-03

TableToChart 是基于MooTools JS框架的网页图表生成器,它通过包含在HTML table中的值来绘制图形图表。您可以使用Table标签来生成图表,条、线和饼都可以。

4.PlotKit

javascript-chart-04

PlotKit是一款绘制图表图形的Javascript框架。它支持HTML Canvas、基于Adobe SVG Viewer的SVG和本地浏览器。

5. Yahoo UI Charts Control

javascript-chart-051

YUI图表管理可以在网页中以垂直条、横条、线、饼等形式可视化呈现图表。主要特色包括支持DataSource、鼠标悬停数据提示、组合图表和皮肤功能。

6. ProtoChart

javascript-chart-061

ProtoChart是基于Prototype和Canvas可创建非常漂亮图表的开源框架。它支持线、条、饼、曲线、混杂(mix)、面图表等多种数据串联在统一图形中。它支持IE6/7, FF2/3 和 Safari 甚至可以在 iPhone上工作.

7. EJSChart

javascript-chart-07

EJSChart支持鼠标跟踪、鼠标事件、键盘跟踪和事件、缩放、滚动、十字线增加交互感并为网页图表的用户体验提升了一个档次。您可以选择多种图表类型:线、面、分散数据、饼和函数级数。图表的每个细节都可以自定制。

8.fgCharting

javascript-chart-08 

fgCharting是基于jQuery框架的简便图表生成器,它也支持各种图表类型并可以自定义参数。

9. 纯Css数据图表

javascript-chart-09

纯CSS代码实现的图表,怎么样,难以置信吧,想知道如何实现的吗?那就来看看这篇纯CSS制作图表的教程吧。

英文原文:Useful scripts to plot charts in web pages

您可能想查找下面的文章:

  • 如何在网页制作中给网页字体文件增加矢量图标
  • 关于审查元素与查看网页源码的区别
  • 浅谈网页中的字体的设置
  • 浅谈网页颜色的搭配技巧(前端必看)
  • web网页开发面试笔试必备小知识(必看)
  • 网页头部优化建议
  • 网页宽度自动适应手机屏幕宽度的实现代码(viewport)
  • 网页改版的7大要素分享 网页改版有哪7大要素
  • 网页设计与西方建筑的发展历程有何相似之处
  • 创业公司精雕细琢的17个优秀网页设计

相关文章

  • 2017-08-06怎样设计网页?怎样制作网页?
  • 2017-08-06CSS在使用中的高级技巧(在实战中会用到)
  • 2017-08-06最新18个绿色风格网页设计作品欣赏收集
  • 2018-08-23高手私藏系列!怎样的PPT 配色会让人觉得舒服?
  • 2018-08-23学会这两招,快速提升设计师的作品集格调!(实例演示)
  • 2018-08-23贺岁档电影海报来袭,张张都是如此精彩!
  • 2018-08-23那些很熟悉但又叫不出名字的设计法则:需求的等级
  • 2017-08-06按照字体名称调用字体让浏览器显示你希望的字体
  • 2018-08-23设计师想自我提升?高手给你3个方向!
  • 2018-08-23这篇搜索功能设计的总结,帮你从产品的角度看问题

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 从事用研6年后,我总结了这四个最重要的技能
    • 超详细!盘点「注册/登录」产品设计路上爬过的坑
    • 为什么css属性值 clear:right不起作用详细探讨
    • 未来的趋势!好的 AI 对话体验应该是怎样的?
    • 高手的平面课堂!多张图片在版面里的编排方法
    • 在这些因素的制约之下,才能选取出科学的配色方案
    • 人工智能时代来临,设计师会被淘汰吗?
    • 这5个牢不可破的设计规则,是你打造优秀动效的标准
    • 超强干货!如何更加科学地提高文本可读性?
    • 博客园CnBlogs自定义博客样式分享

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有