問題タブ [chap-links-library]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
730 参照

ruby-on-rails - Ruby:テーブルデータをJSONにフォーマットする

オープンソースプロジェクトのバグとアップデートのタイムラインを作成しようとしています。私はルビーに不慣れですが、徐々に経験を積んでいます。

モデルに次のコードを使用して、historical_gemsというテーブルを作成しました。

2つのフィールド名(日付には「start」、日付には「content」)を持つオブジェクトを必要とするJSプラグイン(http://almende.github.com/chap-links-library/js/timeline/doc)を使用しています。 title)をJSON配列に追加して、JSを使用してタイムラインを表示します。

JSONをレンダリングするためのタイムラインメソッドを定義するコントローラーで、次のようなことを行う必要があると思います。

次に、モデル内で「json_timelines」メソッドを定義する必要があります。おそらく次のようになります。

私はRoRから始めたばかりで、ガイドやチュートリアル、デバッグを何時間も行った後でも、このコードをまとめることはできません。誰か助けてもらえますか?私はそれを正しくやっていないと思います。

ところで、私が明白な何かを見落としたとしても、それほど厳しくしないでください、私はたった16歳です:)

0 投票する
2 に答える
410 参照

javascript - グローバル変数が定義されていないというコンソール エラー

このプラグインhttp://almende.github.com/chap-links-library/js/timeline/doc/を使用して、JSON データからタイムラインをレンダリングしています。関連するコード全体は次のとおりです。

「window.items」に警告したとき。期待どおりに表示されます。ただし、インスペクターのコンソールには

また、タイムラインはレンダリングされません。私は何を間違っていますか?

編集:

の出力console.log(JSON.stringify(result)):

[{"content":"rubygem-aws-2.6.0 is available<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=863368'>View on BugZilla</a>","start":"863368"},{"content":"Recent update of rubygem-nokogiri breaks rubygem-aws-sdk<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=816706'>View on BugZilla</a>","start":"816706"},{"content":"Please update rubygem-aws-sdk to 1.3.5<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=800616'>View on BugZilla</a>","start":"800616"},{"content":"Review Request: rubygem-aws-sdk - AWS SDK for Ruby<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=723472'>View on BugZilla</a>","start":"723472"},{"content":"Please add EPEL branches for rubygem-aws<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=723152'>View on BugZilla</a>","start":"723152"},{"content":"Unable to resolve dependency of rubygem-aws-2.4.2.2-2.fc15 (updates)<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=716343'>View on BugZilla</a>","start":"716343"},{"content":"rubygem-aws-2.5.7 is available<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=703433'>View on BugZilla</a>","start":"703433"},{"content":"rubygem-aws-2.5.1 is available<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=703117'>View on BugZilla</a>","start":"703117"},{"content":"rubygem-aws-2.4.5 is available<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=691728'>View on BugZilla</a>","start":"691728"},{"content":"Update rubygem-aws to 2.3.34<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=668955'>View on BugZilla</a>","start":"668955"},{"content":"Review Request: rubygem-aws - Ruby gem for all Amazon Web Services<br><a href='https://bugzilla.redhat.com/show_bug.cgi?id=637378'>View on BugZilla</a>","start":"637378"}]

編集:最新のコード:(コンソールはまだtimeline.drawの不明なデータ型を返します):

0 投票する
1 に答える
523 参照

javascript - ユーザーが編集したタイムラインを保存しますか?

私はhttp://almende.github.com/chap-links-library/timeline.htmlで遊んでいます。これにより、ユーザーはタイムラインでイベントを追加/編集/削除できます。ブラウザーを閉じるか更新すると、事前に読み込まれたデータ ソース (JSON、テーブル情報、または Google スプレッドシート) にリセットされます。ユーザーが追加または変更したものは保存されません。

ユーザーの変更を永続化するにはどうすればよいですか?

テキスト、チェックボックス、選択ボックスのエントリなどを保存するために以前に HTML5 localStorage を使用しましたが、このタイムラインでは次のエントリのみが使用されます。

div id="マイタイムライン"

それに関連付けられたスクリプトがあります。

これは、タイムライン コンテナーを構築する JS への参照です。

アイデアや例、ポインタはありますか?

ありがとう。

更新:これが私がこれまでに持っているものです:

また、これらの変更も行いました。 body onload="storedData()" を使用して localStorage に保存された値をロードし、div id="mytimeline" onmouseup="storeTimelineData()" を変更して、タイムラインに変更が加えられたときに値を格納します。

タイムラインへの変更は localStorage に保存されており、キー/値のコンソールでこれらの変更を確認できます。ただし、ブラウザーを更新すると、これらは mytimeline に読み込まれません。私は何を取りこぼしたか?

ありがとう。

0 投票する
1 に答える
1177 参照

javascript - JQueryまたはJavascriptを使用して相対divで垂直スクロールバーをフリーズします

相対 div の垂直スクロールバーを固定する方法を探しています。同等のスレッドが見つからないようです。div は実際には Chap-links-library からのチャートであり、固定軸として使用されているため、このインスタンスでは固定位置は機能しません。範囲の変更を制御するためにこれを再割り当てしたので、マウスホイールについて心配する必要はありません。ただし、間隔と互換性の問題のために、スクロールバーを表示する必要があります (そうしないと、要素が適切に整列しません)。だから隠しきれない。ユーザーがこの div をスクロールできないようにする方法はありますか? 横スクロールに対応しなくていい

0 投票する
2 に答える
6341 参照

ios - iOS でズーム可能なタイムラインを作成するにはどうすればよいですか?

iOS アプリケーションで、todo リストのようなズーム可能なタイムラインを作成したいと考えています。ズームインすると日と時間が表示され、ズームアウトすると日が折りたたまれたり、月にズームアウトしたりします。スクロール機能があります。

例として、次のように動作させたいと思います: http://almende.github.com/chap-links-library/js/timeline/doc/

必要なメモリをできるだけ少なくする必要があることを念頭に置いて、どのような種類の基本的なビューが適切な出発点になるでしょうか? UITableView、UIScrollView、または他の何かがこれで機能しますか?

0 投票する
2 に答える
1330 参照

javascript - CHAPS タイムラインで使用する json ファイルからのデータ

CHAP リンク ライブラリのタイムライン ( http://almende.github.io/chap-links-library/timeline.html )を使用しようとしています。

Example17 は JSON を使用していますが、それは html ファイル自体にあります。代わりに、Web サーバー上にある外部 JSON ファイルを使用したいと考えています。

これが私のexample.jsonです:

私はこれを追加しました:

そして、ここに変更された関数があります:

私が間違っていることを教えてくれる人は誰でもクッキーを手に入れます! :-)

更新:タイムライン div を正しくレンダリングしていることを指定する必要があります。データが表示されないだけです。

0 投票する
2 に答える
5227 参照

javascript - Google 縦棒グラフの垂直方向のパン

Google 縦棒グラフを水平方向にパンするための JavaScript または例はありますか? 数か月分のデータがあり、ユーザーがそれを左から右に表示できるようにしたいと考えています。これは私が望む機能です: http://almende.github.io/chap-links-library/js/graph/examples/example05_gaps_in_data.html。私のユーザーは、注釈付きタイムラインの使用に反対しています。

0 投票する
0 に答える
1039 参照

ios - UIScrollView でズーム可能なタイムライン

私はこのようなものを作ることに取り組んでいます: http://almende.github.com/chap-links-library/js/timeline/doc/

カレンダーなどのズーム可能なタイムラインです。私は UIScrollView から始めましたが、すぐにこれが非常に面倒であることに気付きました。This repoしか見つかりませんでした。見栄えが悪く、垂直です。さらに、ズーム可能ではありません。

これはユーザー インターフェイス オブジェクトとしてはそれほど珍しいことではないので、私が見つけていないレポがあるのではないかと思います。もしあれば、誰かリンクしてもらえませんか?

そうでない場合は、誰かが私が自分で作成する方法を説明したり、何かを説明したりして、洞察を与えてやる気を起こさせてくれれば素晴らしいと思います. (私は初心者のプログラマーです。ヘルプは良いです)

- UIKit の代わりに CA とパスの描画でズームを処理する必要がありますか?

-UIScrollViewは、UICollectionViewやカスタムメイドのUIControlよりも適していますか?

-スクロールビューを水平方向にのみズーム可能にするにはどうすればよいですか?

恐ろしい質問で申し訳ありません。

0 投票する
1 に答える
74 参照

javascript - chap リンク ライブラリ - ネットワーク - テーブルの行 ID を取得する方法

オブジェクトの領域を描画するために、チャップ リンク ライブラリhttps://github.com/almende/chap-links-library/tree/master/js/src/networkを使用しています。

クリック時にオブジェクトに設定したIDを使用できるようにしたいのですが、このコードがあります

動的に作成されたテーブルから行番号を取得するだけで、正常に動作します。その行から値 (設定したオブジェクト ID) を取得したいのですが、アクセス方法がわかりません。

私は疲れているようなものがあります

sel[0].row.id

sel[0].row.getId()

sel[0].行[0]

しかし、彼らがどのようにデータを構造化しているかはわかりません...

以前にこれに遭遇して解決した人はいますか?

これは私がデータを設定する方法です

0 投票する
1 に答える
989 参照

javascript - Google Visualizate タイムライン チャートの日付が奇妙に 1 か月ずれています...何が欠けているのでしょうか?

このデモをテンプレートとして使用しています: http://almende.github.io/chap-links-library/js/timeline/examples/example05_format_custom_html.html

これはすばらしいタイムラインですが、公式の例でも、ソース コードは new Date(2010, 7, 19) のように 7 月の日付を示し、タイムラインは 1 か月後の 8 月にそれを示していますか? PHP の日付を Date() にエコーしていますが、同じ問題が発生しています。00から始まる配列のせいかなと思ったのですが、せめてこの例は正しいのではないでしょうか?すべての月から 1 を引くよりも簡単な修正方法があるかどうか疑問に思っています。助けてくれてありがとう!!

S