I am currently working on a project that is dealing with charts and tabs within an ASP.NET page. I am assigned to create a chart that will be generated from an array and a menu like system using tabs to select different options for the chart.
I have no idea how to implement this, I am using VS Web Developer 2010. I am new to ASP.NET framework and how to implement charts and tabs with this information. Basically it will be a form that the user will submit options and it will calculate a forecast of payments based on the options selected.
Please help, not sure where to even begin with ASP.NET. I have seen some things regarding AJAX controls but for some reason the controls are not loaded into VS.
For charts you can use asp.net chart control
I don't understand the part of the menu, but I think you can use the tabcontrol in the containers section of the toolbox
I'd highly recommend looking at Highcharts. It's a JavaScript library for rendering charts. It will create charts on the client-side so I'm not sure whether it meets your requirements (there are other products that support server-side generation of charts but I'm less familiar with these).
I'm not sure what you mean by using tabs for selecting different options, but Highcharts does have a lot of different rendering models and looks really good.
Take a look at their demo gallery and documentation for more information.
If you are reluctant to use client side charting solutions, try Highcharts.Net. It is a C# wrapper written around the Highcharts JS library. So you write all your code using Classes and objects in C#, and the library translates that into JS.
The added bonus is that you get to use ASP .Net's state management for data persistence. The project also has samples that can be downloaded here.
If you are using MVC, you could try out DotNet.Highcharts along with samples.
Related
I am required to show stacked bar chart in my web application. The application uses JSP with spring MVC and mysql as the backend. Please suggest any easy to use charting libraries that I can use. Just have 2 charts completely in the application and hence would be helpful to have a library that would be simple to use and render in my application via my controller api.
Thanks in advance
Well, what you really need is probably a JavaScript library, and your choice will depend on which base library you choose. I have used Dojo in the past, but have recently settled on jQuery. I think jqChart has a stacked bar chart, if I am not mistaken. I am sure there are some open source libraries for jQuery that do charting as well.
Your other option is to generate the chart as an image and post it on your page using straight img tags, but I think that's not a very optimal way of doing things now a days.
I have been given a task of creating a common Gridview component which has following features:
Paging
sorting
Filtering
The objective is to reuse the component in almost all the web pages (.aspx), so that the look and feel, layout and behaviour remains uniform across the web site.
The grid has to be lightweight, preferably ajax based. I had several thoughts in mind:
extend the current asp.net Gridview component.
Implement a very own custom solution with ajax method pulling data, rendering happens on client side using some jquery templates..etc.
I am not sure where to start with. The requirements i have been give just says that create a common Grid component so that all others in my team can re-use the same component .
Please give me insight into which way I should approach the implementation so that in future this component is scalable as well as in the near future its re-usable across the site.
The jQuery plugin datatables.net is very light weight and has all the features you need. You could use that.
No need to reinvent the wheel, there are tons of opensource and pay grids out there to do what you wnat - Check out this grid (with complete source). One of the nice features is that you can add a toolbar which you could use for your filtering.
http://jqmvcgrid.codeplex.com/
I'm working in an ASP.NET environment and i'm searching a framework (better if it is open source) which generate INTERACTIVE charts on server side. Since i have to publish this project also for mobile, i'm searching something that produces charts in HTML5.
Anyone could give me a suggestion or links about it?
Thank's so much
Marco
Try out Highcharts .Net (sample website) or DotnetHighcharts. Both are C# wrappers written around the Highcharts charting library.
The original library is in javascript, but both these projects are based entirely on C#, and you dont need to write any javascript code to get charts working. Both have sample projects, in case you are interested, although I think Highcharts .Net is more feature-complete if i'm not mistaken..
If you are looking to use MVC, DotnetHighcharts is the way to go, but if you intend to use webforms, Highcharts dot net handles viewstate for the charts so state management is no longer a headache for you..
It's not exactly what you are looking for, but might fulfil your requirements.
Have to checked out Google Chart Tools? Not to be confused with their infographics api or image charts api.
They will generate HTML5 etc dependant on what browser is used.
And can be considered semi-server-side I suppose, it will generate a portion the markup on Google's server side (n.b. not your server side), though I guessing this will depend on what chart is rendered as some charts will probably be mostly client side. However for any interactive chart a certain amount of clientside technology will be used anyway.
So I suppose it depends on if you mean server-side you mean it is essential it runs on your own server. Running on Google's infrastructure does give you the advantages of a CDN etc so it might outway the need of running on your own server.
You can use Syncfusion HTML5 chart control for your requirement. You can create chart with interactive features such as highlight date points, tooltip, exploded pie, etc., in ASP.NET environment .
Also, The HTML5 chart is using element for chart rendering. So, it is providing effective Client side interaction to the chart control. Please refer the below online document and sample link for HTML5 chart.
Documentation Link:
http://help.syncfusion.com/User%20Interface/ASP.NET/Chart%20in%20HTML5
Sample Link:
http://asp.syncfusion.com/demos/ui/chart/HTML5%20Chart/ChartAdvUserInteraction/HighlightDemo/CS/HighlightDemo.aspx
If you are interested in a commercial tool, I highly recommend Highcharts. We are using it in our commercial application. The pricing model is good--we evaluated it against FusionCharts--and it is very feature-rich, interactive.
Although commercial, you can use Highcharts under a CC license for everything except for-profit commercial apps.
its old link, But Amcharts are good option too. i used with webform and mvc applications and worked great for me.
You can use Shield UI HTML5 chart library, that will suit your requirement. I have tried it in ASP.NET environment and performs pretty well. For some examples please refer hereL https://demos.shieldui.com/aspnet/aspnet-chart/drill-down
Is there any UI control which displays data in the form of grid?! And have the following features:
I should be able to hide/unhide
columns.
A popup to show up on click of the
header. The pop-up will behave like a filter. It will have all the unique values in that particular column. The user can select the values that are to be displayed.
Is there such control in JQuery/Flex/extJS or any other UI framework?
Thank You
EDIT I want to replicate the Excel in the Web UI
Easy answer
Most of the commercially-available grids have this kind of stuff, but it depends what framework you're using.
jQuery Grid is pretty cool and of course doesn't really rely on a back-end framework. If you're using .NET WebForms, check out offerings from Telerik and DevExpress. Telerik also have a ASP.NET MVC suite of stuff (which, I believe, is free).
Devil's advocate
There is a school of thought that suggests grids aren't really a good UI. It's true that people love Excel, but even MS and Google are struggling to replicate Excel in a web UI (though they've done quite a good job). The reason WPF shipped without a datagrid is because the ListBox, when combined with DataTemplates, is soooooo much more powerful than a pre-prepared grid control that one wasn't really necessary.
One way out of this problem is to try and think your way out of needing a grid in the first place. Consider task based UI, and maybe CQRS, where the grid/reporting requirements are solved in a completely different way (e.g. SQL Server Reporting Services).
I want to build into mt ASP.NET application the ability for users to fill up forms, but the forms are not something I can hard-code into my (Enterprise) software.
So I need one screen that lets end users create the forms. Doing it the 2.0 way, I just love what PollDaddy did in their survey editor (great job guys!). How do I replicate that? (don't worry pollDaddy, my app has nothing to do with survey and I am not at all in your domain (-: )
Since you need to login to the site to play with it, I made a 20 sec video of how it looks like. Please see below and tell me how to best replicate this (as simple as using JQuery tip? use an entire open source project? Buy something?)
Requirements are:
support multiple types of elements (like multiple choice, free text, comboBox)
drag and drop
editing of order
click image for video or here
http://frame.revver.com/frame/120x90/1376799.jpg
The AJAX control toolkit is free and would work for some of this items shown in the video. However, JQuery has tons of plugins it is easy to extend and even easier to use. I would suggest starting there and extending it where needed.
Good Luck
You could build it yourself using an AJAX framework like ASP.NET AJAX or even telerik controls. You could use jQuery but ASP.NET AJAX is free and embeds well with ASP.NET pages. You could buy something, but I've yet to encounter packages as such.