![]() ![]() This project implements both the UI and charting components using JavaScript. You can activate the JavaScript version by right-clicking the project ‘ HighChartsJavaScript’ within Solution Explorer and selecting ‘ Set As StartUp Project’. Simple css dashboard code#Please download the attached file ( HighchartsWebFinal.zip), unzip and open the Visual Studio 2012 solution so you can refer to the code while reading the rest of this article. I might use the feedback in the comments to provide future updates as time permits. This project is targeted to beginners and has not been stress-tested / live-tested at the time of publication. My goal was to provide an example that could be used as a starting point. I loved the simplicity of the design and decided to leverage it to create this Dashboard. The UI layer as implemented is a combination of JavaScript, CSS and HTML that was designed by the people at TechGYO. I have implemented both projects to provide alternate paths to our goal of creating a generic dashboard. The second and primary project ( HighChartsJavaScript) uses JavaScript to fully leverage capabilities of the charting component ( Highcharts) that I selected for this demo. It is a minimalistic demo for those of us desiring a mostly C# based dashboard solution. One project ( HighchartsWebApp) demonstrates the use of the ASP.NET control to create the dashboard. The attached solution contains two projects. We will focus on implementing the UI layer and a charting system that can be replicated for various types of dashboards. The data retrieval layer is not unique to dashboards, it is an essential part of most non-trivial web applications and as is treated as out-of-scope for this article. It provides a subsystem of panels that can house charting components or tabular summaries of organizational data. It determines the structure of a dashboard in terms of header, footer and menu system components. The UI layer comprises the overall look & feel of the dashboard. With the increasing popularity of BI solutions and web applications as a delivery platform, there has been an increasing demand for easy to implement web portals that operate as functional dashboards.Ī typical dashboard can be separated out into three functional layers, the dashboard UI layer, charting components or tabular representations of data and a data retrieval layer.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |