公告

更新

 

互联网 JS控件 按钮 黑色 灰色 白色 蓝色 绿色 黄色 橙色

> 广告 > JS控件

11 个用来创建图形和图表的 JavaScript 工具包
0
作者:vip_260     来源:     日期:2014-2-11 13:40:20     人气:      标签:

文章基本上是以引导的方式向你介绍最流行最有成效的JS工具包,用来制作图表和图形。概述了这些工具包到底能为你做什么。如果你是一个开发者,寻求最新的开发工具是工作中必不可少的部分,接下来的这些工具包绝对能让你事半功倍。希望这些能够给JS开发者带来意想不到的惊喜。

  1、Aristochart

  DEMO || Download

Aristochart-Sophisticated-and-simplified-static-Javascript-2D-line-charts

  Aristochart毫无疑问是制作图形图标最好的工具包之一,值得一提的是,它能够自定义设置属性,同时还是一个很灵活的线型图表库。你完全不用担心设计的图表和图形是否美感,因为Aristochart会帮你处理好后端数据的。另外,它还会向你提供大量的可供选择的布景主题。

  DEMO || Download

  2、Morris.Js——漂亮的时序线型图  

Morris

  Morris.Js的工作效率也很高,它实际上是一个控制图形的类库。这个使用起来较为简单的API可以绘画出线形图、条形图、面形图和炸面圈图。用完之后你就会发现它的确很方便。

  DEMO || Download

  3、JKit——基于JQuery的UI工具包 

jKit-jQuery-based-UI-Toolkit

  JKit操作起来也不是很难,这是一款跨平台基于JQuery的UI工具包,尽管它是轻量级的工具包,但你所需要的功能它都有。简而言之,它去除了开发程序里的复杂曲折步骤,为你创造更简便的工作环境。

  DEMO || Download

  4、D3.Js——JQuery 3D插件  

D3.js-jQuery-3D-Plugin

  如果你想依据数据来操作文档,那么D3.Js JS类库将是你最好的选择。它能帮助你在HTML,SVG和CSS的协助下使得数据变得更有活力。最大的优点是,它不会将你束缚在专有的框架上。

  DEMO || Download

  5、Rickshaw——JS工具包用于创建互动时间序列图  

Rickshaw-JavaScript-toolkit-for-creating-interactive-time-series-graphs

  对于创建互动图形,Rickshaw可以为你提供所有所需的元素。因为它完全是建立在d3基础上的,所以能够绘画SVG图形和CSS风格的图形。同样,这款免费的开源工具可以允许你定制自己的技术。

  DEMO || Download

  6、sDashboard——在jQuery里简单轻便的Dashboard框架

sDashboard-Simple-light-weight-Dashboard-framework-in-jQuery

  sDashboard主要是一个jQuery插件,用途是将各种目标对象转换成一个控制面板。任何一个目标对象被转换之后都将以一个窗口小部件的形式出现,开发者可以拖拽这个小部件。这个插件的安装还可以支持解释数据表和flotr3图形。此外还有很多其它的有用的功能。

  DEMO || Download

  7、Highcharts——网页互动的JavaScript图表

Highcharts---Interactive-JavaScript-charts-for-your-webpage

  Highcharts是一个制作图表的纯Javascript类库,主要特性如下:

  • 兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等;
  • 对个人用户完全免费;
  • 纯JS,无BS;
  • 支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图;
  • 跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js,还有a canvas emulator for IE和Jquery类库或者MooTools类库;
  • 提示功能:鼠标移动到图表的某一点上有提示信息;
  • 放大功能:选中图表部分放大,近距离观察图表;
  • 易用性:无需要特殊的开发技能,只需要设置一下选项就可以制作适合自己的图表;
  • 时间轴:可以精确到毫秒;

  8、jqPlot——一个多功能可扩展的jQuery绘图插件

jqPlot---A-Versatile-and-Expandable-jQuery-Plotting-Plugin

  jqPlot是一个绘图插件能够创建出一些比较美观的饼状图、线状图和条形图。它具有多种功能,提供可定制的格式和大量的图表类型。这个插件已经在很多知名的浏览器上测试过了,例如IE 7 、Firefox、safari和Opera。

  DEMO || Download

  9、jQuery蜘蛛图插件——用HTML5创建的动态互动的蜘蛛图

Query-Spidergraph-Plugin-Dynamic,-interactive-spidergraphs-in-HTML5

  想要用HTML5创建蜘蛛图吗?那么jQuery蜘蛛图应该是你的首选。这基本上是一个很普通的但易于使用的模块,能够帮助开发者创建外观很吸引人的蜘蛛图。它还包括其它功能:为不同的主观属性解说收缩数据和覆盖多个数据。

  DEMO || Download

  10、Dygraphs JavaScript可视化类库

dygraphs-JavaScript-Visualization-Library

  创造一个互动式的、可缩放的图表可不是件简单的事,不过,dygraphs可以做到这一点,它是开源的JS库,这就说明dygraphs是很有用的。这款类库设计目的是展示下滑的数据,用户也可以很随意的搜索数据来阐述这些下滑的数据。

  DEMO || Download

  11、利用JQuery和XCharts为你的APP创造更好的图表

  也许大家都知道,图表是呈现数据的最好的、最简单的方法。想要不使用图表来制作一个专业的管理员面板恐怕是一件很棘手的事情。然而,像XCharts这样的类库真的是帮了很大的忙了,你还可以利用它来构建一些美妙的AJAX生成图表。

  DEMO || Download

  英文来源:inspiretrends

Copyright 2008 网站频道 All Rights Resverved.
提供:网页特效 JS广告 网站截图 酷站推荐 交流群:3506863
     页面执行时间0.0630秒 查询数据库4次