digest

sein / 2008.09.22 / 10:44 am

CSS 进阶:数据图表的实现方式 11+

还记得改版之前的 google analysis 是什么样的吗?那些图表都是 css 生成而非现在的全 flash 样式。用 flash 开发的确漂亮,不过修改或者再改版就挺麻烦了。相信 diy 爱好者、不折腾会死星人、模板修改强迫症患者更愿意用 css 来实现这些很高级的图形。

具体实现方法请点原文并浏览其中的实例,查看 demo 的 css 你就能举一反三。说实话之前我知道 css 高手是可以完全用 html 网页的排版完全实现 word 的功能,没想到 excel 表格都能用 css 来做。digg link

贴几个图诱惑你们:
CSS 进阶:数据图表的实现方式 | Jandan.net

CSS 进阶:数据图表的实现方式 | Jandan.net

CSS 进阶:数据图表的实现方式 | Jandan.net

CSS 进阶:数据图表的实现方式 | Jandan.net

本文有 11 篇评论

  1. 1 maco maco 说 :
    2008.09.22 11:11 am
    avatar

    以为是用CSS写的颜色渐变,结果还是用的背景图片,有点失望的说。

  2. 2 公主猫 公主猫 说 :
    2008.09.22 11:17 am
    avatar

    抢地板!!!!!!!!!

  3. 3 耗子小三 耗子小三 说 :
    2008.09.22 11:30 am
    avatar

    很好,今天正好要赶一份调查报告~~~借鉴了~~

  4. 4 steen steen 说 :
    2008.09.22 11:33 am
    avatar

    同一楼

  5. 5 sein sein 说 :
    2008.09.22 11:38 am
    avatar

    @maco: 改用图片的时候用图片啊,如果这么一个微不足道的地方都要css实现是不是有过了

  6. 6 weqre weqre 说 :
    2008.09.22 2:48 pm
    avatar

    CSS渐变 也可以代替图片部分
    但是好像不是特别地有必要

  7. 7 chumsdock chumsdock 说 :
    2008.09.22 3:10 pm
    avatar

    能画画的css叫svg

  8. 8 Yacca Yacca 说 :
    2008.09.22 3:53 pm
    avatar

    技术的应用是考验想象力的...

  9. 9 老时 老时 说 :
    2008.09.22 4:47 pm
    avatar

    都是学问啊

  10. 10 Doris Doris 说 :
    2008.09.24 8:31 am
    avatar

    好东西,强烈收藏之

  11. 11 村姑 村姑 说 :
    2008.09.26 10:13 am
    avatar

    这玩意儿还是相当牛叉滴!!!!
    摘个果子回去,研究研究。。。。。

发表你的意见