Overview
Many scenarios in the business work need to visualize the data, in order to meet the needs of users, improve the user experience, we have developed more data visualization control. is introduced to everyone, forming a series.
Today is the Chronicle of memorabilia control Verticaltimeline, which splits a series of events on a yearly basis, clicking on the year markers, and this year's events will shrink and click again to expand.
How to use
1. Drag and drop the controls into the form;
2. Increase the form load event.
New List<eventitem> ();
Items. Add ( new Eventitem"release the new Fast browser 6.0 version""upgrade the fast kernel to 21.0; new default interface; New small window playback function.) "));
Items. ADD ( new Eventitem"upgrade fast kernel to 20.0""HTML5 support is the best in the world, up to 469 points, test page:" ));
Items. ADD ( new Eventitem"Upgrade the fast kernel to 19.0""Support webcam, the browser can directly access the camera");
Items. ADD ( new Eventitem"released the first HTML5 laboratory in China", "vigorously promote HTML5");
Items. Add ( newtrue"new Eventitem" to download the download link security before the function "" ");
Items. ADD ( new EventitemThe CEO of the consortium to visit China, the first stop to visit 360 companies""));
Items. ADD ( new Eventitem360 invited to meet the Consortium members meeting""));
Items. Add ( new Eventitem"upgrade fast kernel to 18.0""new multi-user browser function");
Items. ADD ( new Eventitem "release new version of the fastest browser 6.0"" Upgrade the fast kernel to 21.0; new default interface; New small window playback function "));
Verticaltimeline11.eventitems = items;
Verticaltimeline11.refreshevents ();
3. Compile and run.
Principle Introduction
1. Event Definition:
Public class Eventitem
{
Public DateTime TimeStamp {get; set;}
Public BOOL Isimportantnode {get; set;}
Public string Title {get; set;}
Public string Detail {get; set;}
Public BOOL string String detail)
{
TimeStamp = TimeStamp;
Isimportantnode = isimportant;
title = title;
Detail = Detail;
}
}
2. Event Display:
Inline browser Controls, convert event sequences to HTML, merge with template files, and display using browser Controls.
Source
Https://github.com/njuxdj/DataVisual.Controls
Data visualization Control--memorabilia control