web-dev-qa-db-ja.com

Graphael折れ線グラフ

Graphael（特別な折れ線グラフ）の優れたチュートリアルはありますか？現在、このようなグラフをgrafaelで実装しようとしています http://www.highcharts.com/demo/?example=line-time-series&theme=default 残念ながらドキュメントはありません。

javascriptraphaellinechart
21
Rhabarber

有用なリソースは、Kenny ShenのGitHubリポジトリであり、そこで彼はgRaphaelのドキュメントと例の両方を書き始めました。

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

例として、折れ線グラフのドキュメントを確認してください ここ

39
Smerity

行のスタックを変更するには、toFront関数とtoBack関数を使用します。

linechart.lines[index].toFront();
3
Alex

Raphael折れ線グラフの最良の例は次のとおりです。 http://g.raphaeljs.com/linechart.html 、ソースコードから、それらがどのように機能し、どのように機能するかについて多くの情報を得ることができます。それらは構成できます。

私の知る限り、これに関する公式のドキュメントはありません（まだ？）。

3
uzar

RaphAlyticsをチェックすることもできます。これは、カスタマイズできるオプションがかなり多く、同じグラフとテキストラベルで複数の線を自由に使用できるためです（残念ながら、gRaphaelでは使用できません）。

ここでそれをチェックしてください： https://github.com/tataencu/raphalytics

1
George Maicovschi

折れ線グラフについては、ここに良い記事があります： https://www.exratione.com/2011/10/a-few-tips-for-graphael-line-charts/

0
blazkovicz