阅读更多

18顶
3踩

Web前端

翻译新闻 20个 CSS 图形/图表教程和技巧汇总

2012-01-15 16:21 by 副主编 wangguo 评论(2) 有19655人浏览
通常,图形和图表主要用于展示一组数据的规律、联系等,包括饼图、折线图、条形图等。一个良好和优秀的数据演示可以让老板或客户更容易了解和掌握你的分析结果,以便快速做出决策。

现在使用CSS也可以做出非常漂亮的图形图表,CSS图表较图片/Flash型图表的优势是可以很容易地被下载,降低HTML页面的带宽要求。除此之外,你还可以轻松改变表中的数值,随时更新。

本文为你带来20个非常实用的CSS图形图表制作教程和技巧。

1.  CSS3 图表



2.  纯 CSS 数据图表



3.  生动的CSS3 3d 条形图



4.  数据可视化:基于CSS的灵活的条形图



5.  CSS 堆积条形图



6.  使用CSS3创建饼图



7.  基于CSS和PHP的条形图



8.  PlotKit



9.  使用Web标准实现数据可视化



10.  CSS 垂直条形图



11.  创建CSS图表



12.  列表式条形图



13.  轻松创建条形图



14.  CSS3图形动画



15.  CSS3条形图



16.  漂亮的CSS3图表



17.  简洁的CSS3条形图



18.  漂亮生动的CSS3 3d 条形图



19.  华丽的动态饼图



20.  使用CSS3创建饼图



英文原文:20 Useful CSS Graph and Chart Tutorials and Techniques
  • 大小: 29.6 KB
  • 大小: 30.4 KB
  • 大小: 18.8 KB
  • 大小: 39 KB
  • 大小: 26.3 KB
  • 大小: 33.2 KB
  • 大小: 24.5 KB
  • 大小: 15.1 KB
  • 大小: 49.2 KB
  • 大小: 21.8 KB
  • 大小: 20.7 KB
  • 大小: 26.3 KB
  • 大小: 34.3 KB
  • 大小: 41.6 KB
  • 大小: 53.3 KB
  • 大小: 15.7 KB
  • 大小: 14.8 KB
  • 大小: 19.4 KB
  • 大小: 21.6 KB
  • 大小: 6.6 KB
18
3
评论 共 2 条 请登录后发表评论
2 楼 jAmEs_ 2013-01-10 17:41
oh yeah
1 楼 tongyi2005 2012-01-17 10:51
very good

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • J2ME开发环境(Windows)

    免费分享,J2ME基础开发环境windows版,因为比较老,资源不好找。主要包括: jdk1.4.2; WTK2.2; eclipse3.3; eclipseme.feature_1.7.9_site; KEmulator

  • J2ME

      J2ME(Java 2 micro Edition)是一种高度优化的Java运行环境,针对市面上的大量消费类电 子设备,例如Papers、cellularphones(蜂窝电话), screen-phones(可视电话?)、digital set-top boxes(数字机顶盒)、car navigation systems(汽车导航系统)等等。 J2ME技术在1999年的JavaOne De

  • 简单的J2ME环境搭建

    每一个开发环境的建立都离不了多次的实验,简单的构建有利于大家更容易直观的进入J2ME的开发大门,特写此文与朋友们共同探讨。 所需:(1)JDK (我用的是jdk-1_5_0_11-windows-i586-p.exe)高于这个亦可。 功能:开发java程序必备。  (2)WTK (Wireless Toolkit 2.5.2) 当前最新版本2.5.2。功能:Eclipse无

  • J2ME搭建开发环境(转)

      csdn_AD_Position_GroupID = "{e025b96b-2fda-4e82-84ef-3e0772838ed3}"; csdn_AD_Page_Url = document.location; csdn_AD_CurrPage_CharSet = "gb2312"; //首先学习 Windows 或 UNIX 环

  • J2ME概述(转)

        我们将从定义 J2ME 开始,从最简单的J2ME 是什么开始讲起。然后讨论它的总体架构并学习 J2ME 目标设备。作为架构讨论的一部分,我们将提供有关简表和配置的概述。同时我们会简要介绍打包和配置 J2ME 应用程序过程中的一些注意事项。J2ME 是什么?  &nb sp; Sun Microsystems 将 J2ME 定义为“一种以广泛的消费性产品为目标的的高度优化的 Java 运行时

  • Eclipse搭建J2ME开发环境

    sun_java_wireless_toolkit-2_5_2-ml-windows.exe 下载地址:http://www.oracle.com/technetwork/java/download-135801.html(官方网站) Eclipse ME 插件 下载地址: http://nchc.dl.sourceforge.net/project/eclipseme/eclipse

  • J2ME开发环境配置

    我当时的Java~J2ME安装文件说明: jdk1.5.4.exe-------------------------------Java运行环境安装文件 eclipsesdk_win32.zip-----------------------eclipse安装文件 eclipse3.2.1中文包编程工具.zip--------------eclipse汉化...

  • 二、J2ME开发环境搭建[J2ME入门开发教程]

    在进行一下所有的步骤之前,请保证你的机器上已经正确安装了JDK,后面的所有操作都基于此。 (1)首先下载和安装WTK: 系统要求上,WTK2.5.2至少需要50MB可用硬盘,128MB系统RAM和800MHZ Pentium III CPU。 咱们到Oracle公司网站上下载: http://www.oracle.com/technetwork/java/javasebusine

  • 最新版idea2017+kemulator搭建J2ME开发环境

    要求32位电脑,没有的话装个虚拟机。实际中发现kemulator的调试功能只有在32位条件下才能运行

  • Eclipse J2ME开发环境设置

    最近因为厌烦了WEB开发,开始接触一些J2ME的游戏制作,由于刚刚入门,便到网上找了些J2ME的开发环境设置的介绍,看了很多,都是对针对老版本的Eclipse,现在Eclipse3.2版都已经发布有一段时间了,经过摸索,总结了一些经验,现在和大家分享一下,本人系初学者,如果有什么不对的地方请大家指出。 要做饭就要先买菜,我们就从准备需要的东西开始。基础的开发环境需要JDK 、Eclipse

  • J2ME模拟器_win绿色版

    这是一个非常好用的windows版的java手机模拟器; 可直接运行javaME的.jar文件程序,模拟手机按键运行; 怀旧java手机游戏,直接运行jar游戏和程序! 已经汉化,支持中文显示;

  • SDK J2ME 开发资源

    SDK J2ME 开发资源网站,都是比较好的SDK提供者,对手机开发有很多帮助,大量资源的。

  • j2me环境搭建与配置(之eclipse)

    文章来自csdn的张鼎鼎,内容很详细,相信大家都能受益匪浅!查看原文请点击:http://blog.csdn.net/headwater/archive/2006/12/19/1448709.aspx 

  • J2ME模拟器 KEmulator Lite V0.9.8 中文版

    J2ME模拟器 KEmulator Lite V0.9.8 中文版

  • j2me游戏.rar

    j2me游戏.rarj2me游戏.rar

  • j2me环境搭建教程

    搭建j2me的环境视频教程 就是在Eclipse里面集成j2me的开发环境

  • J2ME64位软件

    J2ME手机游戏开发软件和运行平台,包含64位软件和JAVA,和模拟器。

  • j2me环境配置方法

    1、jdk安装,环境变量配置 2、wtk安装 3、java me或eclipse安装 4、 5、ok了 参考视频:http://v.youku.com/v_show/id_XNTMxNTA1Njg=.html

  • 新手入门:J2ME开发环境的安装和使用

        J2ME(Java 2 Micro Edition)作为现在的一种主流的、通用的手机程序开发技术,在实际的

  • J2ME开发 J2ME开发 J2ME开发

    J2ME开发 J2ME开发 J2ME开发 J2ME开发

Global site tag (gtag.js) - Google Analytics