设为首页收藏本站

birt家园

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2851|回复: 0

RGraph 官方图表示例(一)简单图表

[复制链接]
发表于 2012-5-24 11:19:27 | 显示全部楼层 |阅读模式
这是RGraph官方提供的简单的图表示例
效果如下:

代码如下:
  1. <%--
  2.     Document   : basic
  3.     Created on : 2012-4-9, 17:01:22
  4.     Author     : 呼唤
  5. --%>
  6. <%@ include file="/common/tags.jsp"%>
  7. <%@ page contentType="text/html; charset=utf-8"%>
  8. <!DOCTYPE html>
  9. <html>
  10.     <head>
  11.         <meta http-equiv="X-UA-Compatible" content="chrome=1">
  12.         <title>RGraph: A basic example</title>
  13.         <meta name="keywords" content="rgraph javascript charts html5 canvas basic example" />
  14.         <meta name="description" content="A basic example of an RGraph chart for implementation help" />
  15.         <meta name="googlebot" content="NOODP">
  16.         <script src="${ctx}/script/html5/rgraph/libraries/RGraph.common.core.js" ></script>
  17.         <script src="${ctx}/script/html5/rgraph/libraries/RGraph.bar.js" ></script>
  18.         <script>
  19.             $(function(){
  20.                 _createBar();
  21.             });
  22.             /**
  23.              * 创建柱状图
  24.              */
  25.             function _createBar(){
  26.                 var data = [12,13,16,15,16,19,19,12,23,16,13,24];
  27.                 //myBar 即是绑定的canvas的id
  28.                 var bar = new RGraph.Bar('myBar',data );
  29.                 bar.Set('chart.gutter.left', 35);
  30.                 bar.Set('chart.colors', ['red']);
  31.                 bar.Set('chart.title', 'A basic chart');
  32.                 //这是x轴显示的标签
  33.                 bar.Set('chart.labels', ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']);
  34.                 bar.Draw();
  35.             }
  36.         </script>
  37.     </head>
  38.     <body>
  39.         <canvas id="myBar" width="1000" height="250">[No canvas support]</canvas>
  40.     </body>
  41. </html>
复制代码

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|birt家园    

GMT+8, 2020-8-7 12:37 , Processed in 0.235003 second(s), 22 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表