Question

我需要在时间轴内可视化大量数据。我发现'verite Timeline'看起来很有前途，但我没有任何使用它的经验，使用了很多数据集。有谁能告诉我这个工具的性能或告诉我一个更好的解决方案？日Thnx！

Answer 1

抱歉.. 再次，但用英语....

Verite时间轴支持JSON作为数据源，我在MVC3中有一个项目，并将数据源路由到控制器。你显然可以采用不同的方式，例如Web服务，Ria等......

要开始时间轴，请在头部或正文中添加时间轴初始脚本：

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

您创建了用于存储数据结构的类，这将允许您以相同的格式从驱动程序返回类的实例：

public class json

{
公共时间线时间表 { 得到; 组; } }

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>

Answer 2

正如他们FAQ（第四个问题）所述：

有多少条目在TimelineJS中效果最好？

时间轴针对多达100个条目进行了优化，最好更像20-30个条目。其他任何事情都可能导致加载问题。

现在也许你不能尊重他们的限制，但我不认为将它与“大量数据”一起使用将是一个很好的体验。 :)（好吧，你一次只能加载100个条目，但我会把它留给你）

我不能建议你另类，抱歉。

真正的Timeline是否能够很好地处理大量数据集？

2 个答案: