标签: graphael

我正在制作一些条形图,需要更新图表值.我发现这样做的唯一方法是重绘整个事情.有没有办法简单更新吧？如果是这样,我真正希望做的就是改变这种变化.有什么建议？

http://jsfiddle.net/circlecube/MVwwq/

我有一个用gRaphael创建的折线图.它有轴和刻度线,但我想有网格线.是否有内置的方法来实现这一点或添加库可以帮助我？

我试图在纸上画一条线和鼠标移动.我只知道如何画一条线path.但是想知道是否有人有想法与之相提并论mousemove.请帮帮我.

我是一个小提琴,无法控制路径宽度.

看到最后一行,真是莫名其妙:

var paper = Raphael(20, 20, 320, 320);

  function arc(center, radius, startAngle, endAngle) {
      angle = startAngle;
      coords = toCoords(center, radius, angle);
      path = "M " + coords[0] + " " + coords[1];
      while(angle<=endAngle) {
          coords = toCoords(center, radius, angle);
          path += " L " + coords[0] + " " + coords[1];
          angle += 1;
      }
      return path;
  }

  function toCoords(center, radius, angle) {
      var radians = (angle/180) * Math.PI;
      var x = center[0] + Math.cos(radians) * radius;
      var …

如果我创建一个Label使用Raphael,默认样式是带有白色文本的黑色块.

如何更改背景框颜色,而不是文本颜色？我试过了:

paper.label(x, y, value).attr("fill", colour)

但这也填补了文本,我最终得到了隐形文本.

我也不能简单地改变这个函数的默认颜色,因为我需要有几个不同的颜色,具体取决于它添加到的一行:

我正在使用gRaphael JS lib绘制折线图.和haverColumn函数有一些问题.这是我简化的hoverColumn函数.

var line = raphael.g.linechart(50, 20, 650, 120, xAry, yAry, options).hoverColumn(function (){
    ...
    console.log(this.x+","+this.y);
    ....
}

当鼠标悬停在图表上时,将调用hoverColumn函数,并执行日志功能.但是,某些区域不会调用hoverColumn函数.

所以,我用firebug做了调试,我找到了原因.折线图上有一些大的矩形区域,当鼠标在区域上时,尽管鼠标位于图表的列上,hoverColumn仍然不会被调用.

这是一个有助于理解的捕获图像.火虫和直肠.

当我使用firebug手动删除rect时,hoverColumn函数运行良好〜-_-;

区号由gRaphael-js自动生成.

那么,有什么方法可以解决这个问题吗？请问〜

我想要显示带有动画的饼图,这将使它从"小点"增长到全尺寸饼图,就像这个增长的馅饼或这个Highcharts Demo Gallery - Pie,但是我想把它应用到一个馅饼制作与gRaphael,

这是我的jsfiddle示例... 带有图例的raphael饼图

谢谢你,

考虑:

value1 = 5;
v1_color = #ff0000;

value2 = 4;
v2_color = #00ff00;

value3 = 3;
v3_color = #0000ff;

var r = Raphael("holder");
pie = r.piechart(320,320,250,{value1,value2,value3},{colors: [v1_color, v2_color,v3_color]});

这将生成一个饼图,其中上部切片为红色,右下角的切片为绿色,最后的切片为蓝色.但是,如果值改变如下:

value1 = 4;
value2 = 3;
value3 = 5;

图表看起来完全一样,但颜色不再代表正确的值.在源代码中,第99-101行显示了正在排序的值,但没有其他内容.

我希望颜色对应于某个变量,无论它有多大,而不是获得选项中列出的第一个颜色的最大变量.

在它绘制切片的代码部分(第133行),它引用opts.matchColors,但我找不到任何关于如何在调用函数时设置它的文档.

任何想法如何实现这一目标？

默认情况下,g.raphaeljs饼图显示从图表顶部沿两个方向均匀延伸的最大值,顺时针显示较小的值.

在下图中,最大值(1)从大约7点开始.我希望从12点开始显示最大的价值,怎么办呢？