`
15000346240
  • 浏览: 17997 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

基于RaphaelJS编写的Chart报表图

 
阅读更多

基于RaphaelJS编写的线型报表图,暂时只写了简单的线形图表,由于时间和环境关系,后续尝试也几乎搁浅了,不过这算是一种尝试和兴趣吧,

 

查看demo

线形图

柱状图

饼图

源码按F12就能看到,就不贴了,有探讨或想要的可以留言

图片如下,

    

 线形图
 柱状图

 

 

 

 

http://www.goodjs.cn

0
2
分享到:
评论

相关推荐

    raphaeljs_starter

    RaphaelJS是一种基于JavaScript的开源矢量图形库,它能够用于在现代浏览器中创建复杂的矢量图形和动画。RaphaelJS的一个显著特点是其跨浏览器兼容性,它能够在不同的浏览器环境下提供一致的表现,这使得开发者可以...

    [RaphaelJS] RaphaelJS 编程 (英文版)

    [奥莱理] RaphaelJS 编程 (英文版) [奥莱理] RaphaelJS Graphics and Visualization on the Web (E-Book) ☆ 图书概要:☆ Create beautiful, interactive images on the Web with RaphaelJS, the JavaScript ...

    barChart-raphaelJS:使用 RaphaelJS 的简单条形图库

    barChart-raphaelJS 使用 RaphaelJS 的简单条形图库 创建简单的条形图 比较视图 横向或纵向模式 悬停值的工具提示 多色支持 横向/纵向模式 配置简单 支持 IE 6+ 安装 git clone ...

    Raphaeljs 插件实现任意SVG节点加载

    “Raphaeljs 插件实现任意SVG节点加载”这一标题指出我们将讨论一个基于Raphaeljs的插件,它的功能是允许用户动态加载SVG(可缩放矢量图形)节点。Raphaeljs是一个JavaScript库,专门用于在Web浏览器中创建和操作SVG...

    SVG画图插件raphaelJS

    RaphaelJS是一款强大的JavaScript库,专门用于在SVG(Scalable Vector Graphics)和VML(Vector Markup Language)格式下创建矢量图形。这个插件允许开发者在网页上绘制出复杂、交互式的图形,而且这些图形在任何...

    Mapael基于raphaeljs用于显示动态矢量地图的jQuery插件

    Mapael是基于Raphael.js构建的,它扩展了Raphael的功能,特别针对地图显示进行了优化。它不仅能够加载和展示地理数据,还支持动态更新、缩放、平移地图,以及添加各种自定义元素,如热点区域、标记点等。这对于需要...

    Learning Raphael JS Vector Graphics 配套源码

    Raphael JS是一个强大的JavaScript库,专门用于在Web浏览器中创建矢量图形。它允许开发者创建出复杂的、可缩放的图形,这些图形在任何分辨率下都能保持清晰,从而提供了优质的用户体验。"Learning Raphael JS Vector...

    Learning Raphael JS Vector Graphics 书+源码

    6. **源码分析**:书中提供的源码可能是作者为了帮助读者深入理解Raphael.js的工作原理和最佳实践而编写的实例代码,可以作为学习和参考的宝贵资源。 7. **性能优化**:讨论如何提高Raphael.js图形的渲染速度,以及...

    基于Raphael编写的在线流程设计器前台部分

    基于Raphael编写的流程设计器控件,只有前台部分,拖曳即可新建节点,点击箭头后在两个节点之间拖曳即可生成箭头路径,双击执行和审批节点,可以设置节点属性(定义审批人等逻辑),双击判断节点的转出箭头,可以...

    raphael.js绘制流程图

    同时,由于其基于矢量图形,流程图可以在任何分辨率下保持清晰,且跨浏览器兼容性良好。 在提供的压缩包文件列表中,可能包含了示例代码、样式文件以及数据文件,帮助用户更好地理解和应用Raphaël.js绘制流程图。...

    raphaelJS制作图表、饼图、柱状图、曲线图

    在这个主题中,我们将深入探讨如何使用Raphaël.js 制作图表,包括饼图、柱状图和曲线图。 1. **饼图**:饼图是一种展示数据比例关系的有效方式。在Raphaël中,创建饼图通常涉及以下几个步骤: - 初始化画布:...

    使用RaphaelJS开发可拖拽的工作流前台

    RaphaelJS是由Dmitry Baranovskiy创建的一个开源库,它基于SVG(Scalable Vector Graphics)和VML(Vector Markup Language)技术,可以在所有现代浏览器中提供一致的矢量图形支持。由于其跨浏览器兼容性,RaphaelJS...

    raphaeljs chm手册

    难得一见的raphaeljs chm手册 绝对超值!

    raphael 柱图 chart

    柱状图(Bar Chart)是数据可视化的常见方式,尤其在统计报告和数据分析中广泛应用。Raphaël库提供了绘制柱状图的功能,让开发者能够轻松地在网页上创建交互式的柱状图表。 柱状图是一种用长条的高度或长度来表示...

    raphael js所有文档以及网站内容,书籍

    Raphaël.js 是一个流行的JavaScript库,专用于在Web浏览器中创建矢量图形。这个压缩包包含了关于Raphaël.js的所有文档、网站内容以及可能的书籍资源,是学习和深入理解Raphaël.js的理想资料集合。下面将详细阐述...

    raphaeljs api

    它基于SVG(Scalable Vector Graphics)和VML(Vector Markup Language)标准,这两种标准允许在网页上绘制清晰、可缩放的图形,无论放大多少倍都不会失真。RaphaëlJS 的目标是为开发者提供一个跨浏览器的解决方案...

    raphael.js 绘制柱状图

    今天我们将深入探讨如何使用`Raphael.js`来绘制柱状图。 `Raphael.js`库的核心在于其提供了一套丰富的API,允许开发者在HTML文档中创建、操作和管理矢量图形。这个库支持多种图形类型,包括矩形、圆形、线条、文本...

    raphael.js扩展的拖拽功能,raphael.draggable.js,raphael.extension.js

    总的来说,通过引入`raphael.draggable.js`和`raphael.extension.js`,开发者可以进一步提升基于Raphael.js的应用程序的交互性和用户体验。这两个扩展文件使得在SVG和VML环境中实现拖放操作变得轻而易举,同时也可能...

    raphaeljs 炫丽 js特效

    压缩包中的`raphael.js`是RaphaëlJS的完整版本,包含了所有功能和调试信息,适合在开发阶段使用。而`raphael-min.js`则是经过压缩和优化后的版本,体积更小,加载速度更快,适用于生产环境。 在实际应用中,Rapha...

Global site tag (gtag.js) - Google Analytics