阅读更多

18顶
3踩

Web前端

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

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

现在使用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-Loader 开源项目教程

    J2ME-Loader 开源项目教程 J2ME-LoaderA J2ME emulator for Android.项目地址:https://gitcode.com/gh_mirrors/j2/J2ME-Loader 项目介绍 J2ME-Loader 是一个开源的 Android 应用程序,旨在模拟和运行 Java 2 Micro Edition (J2ME) 应用程序和游戏。该项目由 niki...

  • J2ME平台五子棋AI游戏开发与实践

    本文还有配套的精品资源,点击获取 简介:J2ME五子棋AI游戏专为移动设备和嵌入式系统设计,内置人工智能让玩家可与计算机对战。游戏使用了Minimax或Alpha-Beta剪枝等搜索算法优化AI决策,增加游戏挑战性。源代码包含详细注释,有助于开发者理解游戏逻辑和AI算法。该项目结构和开发工具表明它是在Eclipse环境中开发,并进行了测试和部署,为J2ME游戏开发和AI编程...

  • J2ME开发的一般步骤

    最近一段时间发现身边有一本买了一年多的J2ME的书没看,于是抱起来大概看了一下,我的E72是Symbian系统,支持J2ME,所以做了几个简单的小玩意。在学习J2ME开发的过程中有一些简单的心得和体会,现在写下来备忘,如果有朋友也正在学习J2ME开发,觉得有帮助的话,那是最好不过的事情了。 1.开发环境安装配置 目前开发J2ME应用的环境有多种,有基于NetBean的,不过仍以Eclipse为

  • J2ME J2SE J2EE

                                                                                 JAVA技术体系 Sun官方定义的Java技术体系包括以下几个组成部分: ①Java程序设计语言 ②各种硬件平台上的Java虚拟机 ③Class文件格式 ④Java API类库 ⑤来着商业机构和开源社区的第三方Java类库        ...

  • J2ME技术入门之一——J2ME程序的开发过程

           在进行J2ME开发以前,必须首先了解J2ME程序的开发过程,只有熟悉了开发过程以后才可以了解如何进行J2ME程序的开发。由于运行环境以及针对平台的不同,J2ME的开发过程和J2SE的开发过程不一样,要比J2SE的开发过程麻烦不少。      J2ME开发的大致过程是这样的:       1、编写Java源代码,在编辑器里面编写代码,你即可以在一般的文本编辑器里面编写,也可以在集成开发

  • [转帖]J2ME程序开发全方位基础讲解汇总

    一、J2ME中需要的Java基础知识       现在有大部分人,都是从零开始学J2ME的,学习J2ME的时候,总是从Java基础开始学习,而且现在讲Java基础的书籍中都是以J2SE来讲基础,这就给学习造成了一些不必要的麻烦,下面将J2ME中用到的和不需要的Java基础知识做一个简单的说明。       J2ME中使用到的Java基础知识:    1、Java语法基础:包括基本数据类型、关键字、

  • J2ME移动开发环境配置详细教程(Eclipse+jdk+wkt+eclipseme)

    作者:zieckey(zieckey@yahoo.com.cn)All Rights Reserved!1.下载安装工具所需安装工具包和本文所用的工具包名称jdk-1_5_x:jdk-1_5_0_08-windows-i586-p.exej2me_wireless_toolkit-2_2-windows:j2me_wireless_toolkit-2_2-windows.exeecli

  • 简单的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开发环境配置

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

  • 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开发环境搭建[J2ME入门开发教程]

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

  • Eclipse J2ME开发环境设置

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

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

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

  • SDK J2ME 开发资源

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

  • j2me环境搭建教程

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

  • j2me环境配置方法

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

Global site tag (gtag.js) - Google Analytics