`

初识raphael做饼图及折线图

阅读更多
本文参考:http://www.cnblogs.com/lhb25/archive/2013/01/06/raphael-js-reference.html
技术交流群:312740759
最近因项目需要用到raphael做图表之类的,所以研究了下,网上的资料可真不多,这里我把我用到的给大家分享下
先看图,这是我用到的折线图和饼图,raphael主要用来画矢量图形的,毕竟没有专业的图表工具好用,很多东西都得自己改源码的,比如折线图,它的坐标默认是自己算的,有些时候看起来很是不爽,好个图例我是偷懒用的饼图的图例,现在还差个网格,不想发工夫去研究了,会的朋友可以给我留言,在下感激不尽,例子请看附件。



  • 大小: 8 KB
  • 大小: 5.8 KB
分享到:
评论

相关推荐

    raphael饼图

    raphael饼图,直接下载就能运行,可供参考

    raphael 统计图 饼图

    使用raphael类库 进行绘制,可直接拿来运行

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

    用raphael js 制作图表,里面包含饼图、柱状图、曲线图的实例

    raphael饼图柱状图

    // 创建中心坐标为(320, 240)的饼图,半径为100,数据为[55, 20, 13, 32, 5, 1, 2, 10]的饼图 pie = r.piechart(320, 240, 100, [65, 30, 23, 32, 5, 1, 2, 20], { legend: ["%%.%% - Enterprise Users", "IE ...

    Raphael做的拓扑图

    用Raphael做的拓扑图,可以拖动,可以定义节点的坐标,链路等

    raphael.js绘制流程图

    利用raphael.js进行流程图的绘制,js已封装好,可直接传入数据进行使用

    raphael画流程图

    raphael画流程图,实现可自定义缩放的效果。raphael画流程图,实现可自定义缩放的效果。

    javascript raphael 画饼图

    javascript raphael 画饼图,很方便 很简单 很容易懂!不用更改代码,直接写相应的html格式就好了!全自动生成饼图

    Raphael拓扑图

    用Raphael做的拓扑图

    Raphael 开发中国省份地图

    该 Demo 是使用 Raphael 制作中国省份地图,结合 jquery 实现一 些动态点击效果,并且使用扩展 Raphael 内核,可以动态调整地图画布的大 小,还实现了点击动态生成热点数据的图形开发,具体界面请参照工程包中 图...

    Raphael中文文档(本地查阅).zip

    它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,还可以绘制任意形状的图形,可以进行图表或图像的裁剪和旋转等复杂...

    raphael绘制柱状图

    本人搜集很多资料独立开发的简单易学的raphael绘制柱状图模板,直接下载不需要任何配置就能本地跑起来,如果你正在学习raphael绘制柱状图,那么这是最好的一个范例;可以直接跨平台移植;

    raphael吉林省地图

    raphael制作的吉林省地图。显示各个市区域、采用svg的矢量图技术。 附赠google吉林省地图

    raphael.js 绘制柱状图

    为了明天的工作,我跑遍了很多的网站,收集整理出来的柱状图

    raphael 画单列柱状图

    用raphael 画柱状图,对于一组数据,在其上方显示该数据的名称和柱状图的各个数值

    Raphael 开发中国省份地图 加入箭头功能

    该 Demo 是使用 Raphael 制作中国省份地图,结合 jquery 实现一 些动态点击效果,并且使用扩展 Raphael 内核,可以动态调整地图画布的大 小,还实现了点击动态生成箭头数据的开发,在一个画布上勾勒箭头图形,具 ...

    jquery+raphael实现3D饼状图

    使用raphael、jquery实现3D饼状图,鼠标点击划出等效果;

    Raphael 制作流程图源码

    Raphael 简单的一个流程图,自己没事的时候瞎琢磨的。 大家以前讨论讨论

    Raphael.JSON Raphael.Export Raphael.FreeTransform raphael.serialize

    Raphael.JSON Raphael.Export Raphael.FreeTransform raphael.serialize

Global site tag (gtag.js) - Google Analytics