Graphael折线图

时间:2010-09-16 17:36:23

标签: javascript raphael linechart

Graphael是否有一个很好的教程(特殊折线图),我目前正试图用grafael http://www.highcharts.com/demo/?example=line-time-series&theme=default实现这样的图表,遗憾的是没有文档。

5 个答案:

答案 0 :(得分:39)

一个有用的资源是Kenny Shen的GitHub存储库,他已经开始为gRaphael编写文档和示例。

https://github.com/qoelet/g.raphael

作为示例,请查看折线图文档here

答案 1 :(得分:3)

拉斐尔线图的最佳示例必须是这一个:http://g.raphaeljs.com/linechart.html,从源代码中您可以获得有关它们如何工作以及如何配置它们的大量信息。

据我所知,目前还没有官方文件(但是?)。

答案 2 :(得分:3)

要更改线条的堆叠,请使用toFront和toBack函数。

linechart.lines[index].toFront();

答案 3 :(得分:1)

您还可以查看RaphAlytics,因为它为您提供了许多可以自定义的选项,以及在同一图表和文本标签中使用多行的自由(不幸的是,gRaphael没有)

在此处查看:https://github.com/tataencu/raphalytics

答案 4 :(得分:0)

对于折线图,这里有一篇好文章:https://www.exratione.com/2011/10/a-few-tips-for-graphael-line-charts/