Javascript 图形文件、最近的样品等

我正在使用SVG库的图形扩展实现实时更新线图

我似乎找不到任何人将此作为近实时更新项目的例子，这很好。我假设有一种方法可以使用新的数据集调用图上的刷新（无需每次重新初始化一个全新的Raphael对象！），但问题在于：

似乎到处都没有准确的文档。我发现了这个StackOverflow问题：这反过来导致了这个文档项目：，但结果是冷冰冰的。使用提供的示例，我遇到了一些错误：

示例中使用的语法

r.g.linechart（）

不再有效（其中r是Raphael对象，我假设g是其中的gRaphael属性）。沿途的某个地方一定有人切换到正确扩展Raphael对象，以便

r.linechart（）

工作

传递到

linechart（）

的参数不正确，再次导致未定义的错误。如果我只传入

#x、#y、宽度、高度、arrayX、arrayY

参数，并删除图表标签等，我可以绘制一条简单的线。但我当然需要能够标记我的轴，并提供一个图例，等等

不用说，一个没有API文档的库对任何人都没有多大好处，但是有一些坚定的人愿意严格地在阅读代码本身的基础上学习。我不是那种人。我可能会做一个评论良好的例子，最好是使用实时更新

所以我想问题是：

有谁知道比我链接的文档更好的文档吗

有人能给我举个例子吗，文档失败了

是否有人能提供

linechart（）

将接受的参数的正确分项

谢谢

为了记录在案，以下是我到目前为止取得的成绩：

var r = Raphael('line-chart');

// did NOT work -->
var linechart = r.g.linechart(
  10,10,300,220,[1,2,3,4,5],[10,20,15,35,30], 
  {"colors":["#444"], "symbol":"s", axis:"0 0 1 1"}
);

// worked in a limited way, rendering a plain line with no visible labels/graph -->
var linechart = r.linechart(
  10,10,300,220,[1,2,3,4,5],[10,20,15,35,30]
);

有一个

您将需要输入代码并从计算机上查看它。这是一个正在进行的工作，但它比你可以在官方的拉斐尔网页上找到更多

---

我还找到了一些例子的小帖子。

我自己仍在努力学习拉斐尔，但这里是我一直在使用的主要资源：和“g”一样

这里有一把小提琴，它几乎可以通过敲除/抓取来更新折线图，这可能不是最好的解决方案，但它是一个想法：

只是一个提示，直到我将阅读与尝试/错误（有很多错误）结合起来，我才开始学习它，所以，玩小提琴，看看事情是如何变化的

但它的基本代码如下：

//constructor
var lines = r.linechart(10, 10, width, height, xVals, yVals, { nostroke: false, axis: "0 0 1 1", symbol: "circle", smooth: true })
    .hoverColumn(function () {  //this function sets the hover tag effect
        this.tags = r.set();

    for (var i = 0, ii = this.y.length; i < ii; i++) {
        this.tags.push(r.tag(this.x, this.y[i], this.values[i], 160, 10).insertBefore(this).attr([{ fill: "#fff" }, { fill: this.symbols[i].attr("fill") }]));
        }
    }, function () {
        this.tags && this.tags.remove();
        });

lines.symbols.attr({ r: 3 }); //this adjusts size of the point symbols

//构造函数
var lines=r.线形图（10，10，宽度，高度，xVAL，yVAL，{nostroke:false，轴：“0 0 1 1”，符号：“圆”，平滑：真}）
.hoverColumn（函数（）{//此函数设置悬停标记效果
this.tags=r.set（）；
对于（变量i=0，ii=this.y.length；i

谢谢你的回复，Naoise。您提到的fork是我找到“failed”文档的地方（它在Raphael对象中使用了无效的

.g

属性）。您提到的另一篇文章很有希望，但在's'作为'symbol'参数的值时失败。真奇怪。目前我已经切换到flotr2，但在我们从原型转向生产时，可能会再次访问拉斐尔/格拉菲尔。再次感谢！正如我在之前的评论中提到的，本文档不是完整的解决方案；但是，它是我最近到达的（在移动到flotr2之前），因此我将标记为已接受。@derekdreery用户似乎已不存在，我找不到其他分叉：(