0

タイムライン内の膨大なデータ セットを視覚化する必要があります。「verite Timeline」は有望に見えますが、非常に多くのデータセットを使用した経験がありません。このツールのパフォーマンスについて教えてくれる人、またはより良い解決策について教えてくれる人はいますか? thnx！

4

2 に答える 2

1

申し訳ありません..もう一度、しかし英語で....

Verite タイムラインはデータ ソースとして JSON をサポートしています。MVC3 にプロジェクトがあり、データ ソースをコントローラーにルーティングしています。明らかに、たとえばWebサービスやRiaなどとは異なる方法で実行できます....

タイムラインを開始するには、タイムラインの初期スクリプトを head または body に配置します。

 var timeline = new VMM.Timeline();  
 timeline.init("http://localhost:9306/TimeLine/Json");

データ構造を格納するクラスを作成します。これにより、クラスのインスタンスをドライバーから同じ形式の json で返すことができます。

public class json

{
public timeLine タイムライン { get; 設定; } }

public class timeLine
{
public string headline { get; set; }
public string type { get; set; }
public string startDate { get; set; }
public string text { get; set; }
public asset asset { get; set; }
public List<date> date { get; set; }
}

public class asset 
{
public string media { get; set; }
public string credit { get; set; }
public string caption { get; set; }
}

public class date
{
public string startDate { get; set; }
public string endDate { get; set; }
public string headline { get; set; }
public string text { get; set; }
public asset asset { get; set; }
}

コントローラー:

   public ActionResult Json()
   {
    json j = new json();

    j.timeline = new timeLine();
    j.timeline.headline = "TimeLine";
    j.timeline.type = "default";
    j.timeline.startDate = DateTime.Now.Year + "," + DateTime.Now.Month;
    j.timeline.text = "<p>Time Line de todo el contenido.</p>";

    j.timeline.asset = new asset();
    j.timeline.asset.media = "";
    j.timeline.asset.credit = "Desarrollador por Mauricio Farias www.ald.cl             mfarias@ald.cl";
    j.timeline.asset.caption = "Develop By Mauricio Farias";

    j.timeline.date = new List<date>();
    //for each de tiempos
    for (int i = 0; i < 20; i++)
    {
        date d = new date();
        d.startDate = DateTime.Now.Year + "," + DateTime.Now.Month + "," + i;
        d.endDate = DateTime.Now.Year + "," + DateTime.Now.Month + "," + (i + 1);
        d.headline = "Headline date for date in timeline";
        d.text = "<p>text in date for date in timeline</p>";

        d.asset = new asset();
        d.asset.media = "";
        d.asset.credit = "credit in asset for date in timeline";
        d.asset.caption = "caption in asset for date in timeline";
        j.timeline.date.Add(d);
    }

        return Json(j, JsonRequestBehavior.AllowGet);
  }

公聴会またはあなたのケースでは、aspx または html ページである可能性があります (忘れずに css を入れてください):

<div id="timeline">
</div>
<script src="../../Content/assets/js/timeline-min.js"></script>
<script src="../../Content/assets/js/script.js"></script>
于 2012-04-23T21:31:19.923 に答える
1

FAQに記載されているとおり(4 番目の質問):

TimelineJS で最適に機能するエントリの数は?

タイムラインは、最大 100 エントリ、できれば 20 ～ 30 エントリまで最適化されています。それ以外の場合、読み込みの問題が発生する可能性があります。

今ではその制限を尊重できなかったかもしれませんが、「大量のデータ」で使用するのは良い経験になるとは思いません. :) (ええと、一度に 100 エントリしかロードできませんが、これはあなたに任せます)

別の方法を提案することはできません。申し訳ありません。

于 2012-09-28T21:29:09.347 に答える