ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

javascript – Graphael文档,最近的样本等

2019-07-04 12:20:34  阅读:213  来源: 互联网

标签:javascript raphael graphael


我正在使用gRaphael来实现实时更新线图,这是Raphael SVG库的图形扩展.

我似乎无法找到任何人做这个近实时更新项目的例子,这很好.我假设有一种方法可以使用新的数据集调用图表上的刷新(无需每次都重新初始化一个全新的Raphael对象!),但其中存在的问题是:

在任何地方似乎都没有准确的文档.我发现了这个StackOverflow问题:Graphael line chart反过来导致了这个文档项目:https://github.com/kennyshen/g.raphael/tree/master/docs,但结果很冷.使用提供的示例,我遇到了一些错误:

>示例中使用的语法r.g.linechart()不再有效(其中r是Raphael对象,我假设g是其中的gRaphael属性).在某个地方,有人必须切换到正确扩展Raphael对象,以便r.linechart()工作.
>传递到linechart()的参数不正确,导致再次出现未定义的错误.如果我只传入#x,#y,width,height,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]
);

解决方法:

有一个fork in GitHub that is working on the documentation and examples.

您将需要download代码并从您的计算机查看它.这是一项正在进行中的工作,但它比官方g.Raphael页面中找到的更多.

我还找到了一些带有一些例子的this小帖子.

标签:javascript,raphael,graphael
来源: https://codeday.me/bug/20190704/1376898.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有