• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1927
  • Last Modified:

timeline for asp.net?

I need a fantastic timeline control for asp.net / javascript |jquery.

I've tried TimeGlider.  Michael is a great guy, and that tool will someday have it all together, but for now -- at least to me -- it's a soup sandwich.  All over the place, and too little documentation.  I've struggled with it for too long, and I have to stop now.

I've also looked at Vaadin Timeline (https://vaadin.com/add-ons/timeline), and it looks promising but it's a Java thing.  I need an ASP.NET compatible and customizable solution.

Also looked at Timeline JS (http://timeline.verite.co/) and its cousin Timeline Portfolio (http://demo.tutorialzine.com/2012/04/timeline-portfolio/).

I need this in a timeline tool:

o  Can feed it data via an XML or JSON file or through a callback.

o  Can display datapoints in series.

o  Series can have different symbologies.

o  Datapoints can have customizable tooltips and a Click() event that can be hooked.

o  Timeline is zoomable in addition to being drag-scrollable.

I'd really like to find someone who's tried various Timeline tools and has a good one that's NOT listed above.  This would be much preferable to someone who just runs a Google search and starts slinging results at me.

Going back to Google now.  Would appreciate ideas if you've also been down this path before.
1 Solution
Alan WarrenApplications DeveloperCommented:
Hi bamapie,
was looking for something similar some time ago, ended up rolling my own, using of all things, MS Charts for ASP .Net (System.Web.DataVisualization). It actually worked out pretty good, but it's very customised to the clients particular needs, consumes data from SQL datasource, made it date range sensitive with an ajax calendar and an update panel triggered by the date range inputs. Used a StackedBar chart type to stack the timeline defined periods (YValueMembers ) and client for the XValueMember of each series.

    <asp:Series Name="Series1" XValueMember="client" LabelUrl="~/referral/default.aspx" YValueMembers="axdate_elapsed"  ChartType="StackedBar" BorderColor="Transparent" Color="Transparent" LegendText="Ax Date" Legend="Legend1" ToolTip="" IsVisibleInLegend="false"></asp:Series>
    <asp:Series Name="Series2" XValueMember="client" LabelUrl="~/referral/default.aspx" YValueMembers="Con_Report_elapsed"  ChartType="StackedBar" BorderColor="255, 192, 192, 192" Color="#99CC66" LegendText="Con reporting period" Legend="Legend1" ToolTip="Con reporting period" LabelForeColor="Black" Font="Trebuchet MS, 6.75pt, style=Bold" ><SmartLabelStyle AllowOutsidePlotArea="No" CalloutLineAnchorCapStyle="None" /></asp:Series>
    <asp:Series Name="Series3" XValueMember="client" LabelUrl="~/referral/default.aspx" YValueMembers="Sur_Report_elapsed" ChartType="StackedBar" BorderColor="255, 192, 192, 192" Color="#000099" LegendText="Sur reporting period" Legend="Legend1" ToolTip="Sur reporting period" LabelForeColor="White" Font="Trebuchet MS, 6.75pt, style=Bold"><SmartLabelStyle AllowOutsidePlotArea="No" CalloutLineAnchorCapStyle="None" /></asp:Series>
    <asp:Series Name="Series4" XValueMember="client" LabelUrl="~/referral/default.aspx" YValueMembers="Ref_Report_elapsed" ChartType="StackedBar" BorderColor="255, 192, 192, 192" Color="#FF9900" LegendText="Ref reporting period" Legend="Legend1" ToolTip="Ref reporting period" Label="" Font="Trebuchet MS, 6.75pt, style=Bold"><SmartLabelStyle AllowOutsidePlotArea="No" CalloutLineAnchorCapStyle="None" /></asp:Series>

Open in new window

Used the Chart_Customize event to do a few things like populating the custom labels with the correct dates incremented from the start date.
Protected Sub Chart1_Customize(ByVal sender As Object, ByVal e As System.EventArgs)
                    For i = 0 To 31
                        Chart1.ChartAreas(0).AxisY.CustomLabels.Add(i, i + 1, dt.ToString("d MMM"))
                        Chart1.ChartAreas(0).AxisY2.CustomLabels.Add(i, i + 1, dt.ToString("d MMM"))
                        dt = dt.AddDays(1)


Open in new window

Anyhow, sure your requirements will be vastly different to mine, just wanted to suggest the option of using ms charts controls to represent a timeline; apart from the zoom requirement, ms charts can handle all the other requirements you cited.

Alan ";0)
bamapieAuthor Commented:
Went with Google's version.  Loving it.  Thanks for the info.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now