• CSS for Bar Graphs


    用XHTML+CSS实现各种柱状图(Bar Graph)的示例。

    CSS for Bar Graphs
    点击次数   官方主页【官方主页】   下载地址【下载地址】

    网友留言/评论

    我要留言/评论

    相关开源项目

    jqPlot:jqPlot是一个jQuery绘图插件,可以利用它制作漂亮的线状图和柱状图。jqPlot支持为图表设置各种不同的样式。提供Tooltips,数据点高亮显示等功能。

    Axiis:Axiis是一个基于Degrafa,Flex&ActionScript3.0开发的开源数据图表组件。
    Raphaël:Raphaël是一个能够在网页上创建和操作矢量图形的JavaScript Library。它使用SVG&VML来创建图形。因为每个生成的图形都是一个DOM对象,所以可以通过JavaScript操作这些图形。支持大部分浏览器包括:Firefox3.0+、Safari3.0+、Opera9.5+和Internet Explorer6.0+。
    Peity: Peity是一个jQuery插件它利用HTML5 <canvas>标签来创建微型图表(sparklines)。它支持柱状、线状和饼图,图的颜色、宽度、半径、分隔符都可以修改。当数据变化时,图形也立即重新生成。
    Plotkit:PlotKit是一个纯javascript绘图工具包。它支持HTML Canvas和Adobe SVG。
    jQuery Google Charts:jQuery Google Charts是一个封装Google API charts的jQuery插件,提供了更加简易的使用方法。
    jquery.sparkline:这是一个用于生成迷你型线状图的jQuery插件。
    MooCSSCharts:基于Mootools+CSS实现,拥有动画效果的柱状图(BarCharts)。
    Flot:Flot一个纯javascript绘画库,基于jQuery开发。它能够在客户端根据任何数据集快速生成图片。目前只能绘制线状图和柱状。
    dhtmlxChart: dhtmlxChart是一个纯JavaScript实现的图表生成组件,支持大部分常见的图表类型包括:line、spline、area、bar和pie charts。图表可以动态更改而不用刷新页面。此外该组件还支持为图表添加其它元素如Tooltips、刻度、标签等。dhtmlxChart可以从各种不同的数据源(XML、JSON、JS array、CSV)加载数据生成图表。