标签: graphael

我想知道如何制作一个简单的条形图,可能有一天作为x轴,值为'今天'和'昨天',而y轴可能是'时间',相应的值为'1'和'2 ".我想我很困惑,如何设置文本为x轴的值,如何显示Y轴,究竟rgaxis呢...(我发现使用一个例子axis = r.g.axis(0,300,400,0,500,8,2),我只知道这是xpos,ypos,width,??,?? num ticks,??).任何见解都会很棒!或者包含功能更全面的条形图示例(标签等)的页面.谢谢.

我在哪里可以找到使用gRaphael在网络上生成数据表示的教程？似乎没有在线文档.

非常感谢

我使用raphael.js在我的网站上绘制我的图像/图形,而我在饼图上实现渐变效果时遇到了问题.

我这样称呼它:

<script type="text/javascript" charset="utf-8">
                window.onload = function () {
                    var r = Raphael("holder");
                    var pie = r.g.piechart(250, 240, 180, <?php echo $vals; ?>,{colors: ["#fff", "#cc3333", "#f200fd"]});
                };
            </script>

我已经在文档中读到了梯度效果是可能的,就像在一些例子中所示.

我试过:{colors:["r#fff-#ccc","r#fff-#ccc","r#fff-#ccc"]}或{gradients:["r#fff-#ccc"," r#fff-#ccc","r#fff-#ccc"}但是徒劳无功..

有人试过吗？

多谢!

所以我用gRaphael创建了一些图表.这是创建一个很酷的条形图线,其中包含一些点.这些点具有......节点,其中x = 10 y = 20作为其属性.例

rect x ="135.8"y ="115.8"width ="8.399999999999999"height ="8.399999999999999"r ="0"rx ="0"ry ="0"fill ="#ff0000"stroke ="none"

如果可能的话,我想用jquery为这个人制作动画.如果我这样做的话

$("rect").click(function({
 $(this).animate({
   'x':30
 });
});

为了给x coordenate制作动画,我觉得它不起作用的原因很明显？呵呵.此外,我已经尝试将属性x设置为变量并尝试设置动画,而不是任何动画.任何人都可以用gRaphael帮助我制作动画和svg吗？

这例如有效

$("rect").live('click',function(){  $(this).attr('x',100);});

谢谢!

我确定我只是昏暗,但Raphael和gRaphael有什么区别？

我无法通过阅读他们的主页(gRaphael主页只是说"基于Raphaël图形库")来判断,谷歌也没有帮助.

我使用gRaphael图表库创建了一个水平条形图.我想增加条之间的间距.有没有选择呢？

我是拉斐尔图书馆的新手,所以我仍然在学习我的方式,我能够按照我想要的方式设置我的图形,但是现在我试图做以下两件事,但是我正在努力找到我想要的文档/示例.

这是我迄今为止所拥有的
http://jsfiddle.net/PA67H/

1. 当图形加载类似于此的内容时,为初始数据点设置动画
2. 动画数据点的变化,因此当按下按钮时,数据源将更改为var2,但是以这里的动画方式

我如何在g.raphael条形图中为raphaeljs条指定id,以及如何在之后访问它们

var r = Raphael("holder", 600, 500);
var data=[1,3,4,5];
var chart = r.g.barchart(30, 30, 350, 250, [data], {stacked: true, type: "soft"});
for (var i = 0; i < chart.bars[0].length; i++) {
      var bar = chart.bars[0][i];
      if (bar.value >= 7) {
                bar.attr("fill", "#bf2f2f");
                bar.attr("stroke", "#bf2f2f");
                bar.attr("id","id-"+i);   //this doesn't work
                bar.id="id-"+i;           //this also doesn't work
                //applied as per raphaeljs documentatoion 
                //[http://raphaeljs.com/reference.html#Element.id][1]
                   }
        }

我正在尝试绘制两个饼图gRaphael,如下所示:

var r = new Raphael(0, 0, '100%', '100%'); 

r.piechart(100,120,80,[60,40]);
r.piechart(300,120,80,[40,60]);

这产生了以下图片:

即使我传递给的参数的顺序r.piechart不同,两个饼图也是相同的.有什么方法可以防止这种情况发生,这样其中一个图表底部会有60%的蓝色切片,而另一个图表会保持不变吗？

有没有选择避免顶部空间.实际上我正在寻找解决方案,以显示全宽和全高.

演示 http://jsfiddle.net/ugFmE/12/

var g = new JustGage({
  id: "spedometer",
  title: "Monthly expense",
  value: 1986, 
  min: 0,
  max: 2450,
  shadowOpacity: 0,
  relativeGaugeSize: true
});