0

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

4

2 回答 2

1

对不起..再次，但是用英语....

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

要启动您的时间线，请将时间线初始脚本放在头部或正文中：

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

您创建类来存储数据结构，这将允许您从驱动程序以相同格式 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>
于 2012-04-23T21:31:19.923 回答
1

如他们的常见问题解答（第四个问题）所述：

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

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

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

我无法向您推荐替代方案，抱歉。

于 2012-09-28T21:29:09.347 回答