Liquid Bar Chart - asp.net-mvc

Could somebody suggest a way to generate liquid bar charts similar to the following?
image http://www.freeimagehosting.net/uploads/b5aa71d3f8.png
I want to use it in an ASP.NET MVC project and refresh via AJAX (it can't be server-side charts).

You should take a look at HighChartsJS.
In my opinion, they are leading the way in interactive charting and reporting for AJAX web apps. It is a wonderful fit if your app is leveraging jQuery or extJS. Check out their demo page...
http://www.highcharts.com/demo/

Better solution that I found is "Liquid Bar chart" produced by Devexpress.
http://community.devexpress.com/forums/t/100319.aspx - forum thread.
http://www.devexpress.com/Support/Center/e/E3131.aspx - code.
http://codecentral.devexpress.com/E3131/ - view online.
Unfortunately, Devexpress hasn't released MVC charts yet.
But they plan to do it soon.
UPD: I've found nice control that has this functionality - http://www.fusioncharts.com/widgets/demos/blueprint/

Related

Jquery UI Framework

Thanks for looking into this.
I'm looking to build a framework of apps which can be extended by third party developers.
The goal is to load each frame via ajax - I need to know if there is a framework which can be help me position and resize various widgets just like this one.
Example screenshot
http://tour.netvibes.com/private.php
Thanks.
Not completely sure what the question is... but:
http://jqueryui.com/
Draggable/droppable as well as jqueryui dialog should help you create and position widgets as in your question.
If you do 'view source' on the page you have linked, you can see that the page uses Mootools.
Appears to be some kind of Javascript framework.
http://mootools.net/
Additionally, you could follow Mark's advice and go with jQuery, which is a widely-used, mature framework that offers great functionality.
I agree with rmk and Mark about jQuery being a great framework!
For the ajax stuff it works well and is really easy to get into work.
For the UI part you can try the "standard" jQueryUI, which is well structured and easily themed, but by now it has a limited set of things. You have all you need to build widgets, but you don't have ready-to-use stuff like panels, layouts and so on..
If you need more, besides those said above, try looking at jQuery EasyUI, which has a lot more of things (for instance a "panel" extension to put widgets inside).
They are both based on jQuery.

Is there a free chart report tool on ASP.NET MVC?

Can anyone recommend a free tool for generating Charts compatible with ASP.NET MVC?
Take a look at this free web control from Microsoft:
http://weblogs.asp.net/scottgu/archive/2008/11/24/new-asp-net-charting-control-lt-asp-chart-runat-quot-server-quot-gt.aspx
I tried it with regular web application, not MVC though. Works alright, a little finicky in some details.
What kind of charts you need to deal with? Some time ago I was looking for Gantt chart control, and really did not find any good free ones.
Regards, Anvar
Use Google Chart Tools.
To clarify, GCT isn't specific to ASP.NET MVC. It's a hosted thing that you can call with Javascript. I've use it in MVC and regular ASP.NET project alike. Very clean and nice.
For instance, open your browser and go here:
https://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=250x100&chl=Hello|World
You'll see this:
Google charts
The advantages of the Google Chart Tools are:
A rich gallery of visualizations provided as:
Image charts - using a simple URL request to a Google chart server
Interactive charts - using a Google developed JavaScript library
Can read live data from a variety of data sources
Simple to use and free
you can use google chart tool. its easy to use and woks good.
for refrence you can go through below url
http://code.google.com/apis/ajax/playground/?type=visualization
hope i would help you.

How do I create 3D pie chart? -Asp.net MVC

I have seen Microsoft charting control # here and here.
It has good demonstration for displaying bar chart in MVC.
On scottgu's blog There are plenty of examples but they are using server controls (i.e <asp:CHRT runat"server">.
This is also supported in MVC by Modifying web.config.
but as we should avoid using server control as postback is not supported in MVC, we should
render it as shown in "without code behind page" example.
Exactly like This Question.
Now I would like to know how other chart types (like pie chart) can be created in controller?
I like google charts. Just write a HTMLHelper to render the correct URL.
http://code.google.com/apis/chart/
Try using 3rd party flash charting controls like amCharts. They can be configured via a simple XML file and get their data from static or generated XML or CSV files or streams.
New asp.net charting controls - will they work with MVC (eventually)?
Something that was created quite a while ago, but is relevant to this topic.

Telerik controls in ASP.NET MVC

Telerik claims their controls work with ASP.NET MVC now. Has anyone already used the controls in a MVC project?
My company uses the Telerik ASP.NET controls in a large application and it works out quite well. That's why we think about using them in a MVC project.
EDIT 1:
telerik has a new go at ASP.NET MVC this looks much better then their first go at it. But it was to late for my project. http://www.telerik.com/products/aspnet-mvc.aspx
You could check out the demo application (a forums application) they built using ASP.NET MVC, announced here. Source code is available.
The demo is a simple- and stylish -
forums application. It uses 9 of the
RadControls, including RadGrid,
RadEditor, RadChart, RadTreeView and
RadUpload, to build a forum site that
has basic thread/post navigation,
formatted forum posting, user
authentication (with support for
custom avatars), and a site activity
"Statistics" view. Everything you need
to have a fully functional MVC forums
app. The source is available for
immediate download, so I encourage
anyone interested in learning more
about MVC or the RadControls in MVC to
grab the bites and study the example.
You may have already seen it, but Telerik has a blog post about how to use their controls with MVC and some of the limitations. I don't actually use their controls so I can't speak to whether the limitations are really a problem. It does appear that there is a a little more "manual lifting", so to speak, when using the controls with MVC but that there are workarounds to get most of them to work properly.
I'm hoping that they will eventually release MVC versions of their controls. I'm holding off evaluating them until that happens, but if you're already using them I'd certainly look to see how easy they would be to use with MVC. Perhaps you could update your question with an answer if you give it a try and let the rest of us know how it went.
I have been using the Telerik controls for about 6 months. I have been using the Grid and Window controls on MVC 2. Like most commercial products there are issues we have been fortunate to work them out. Once you get past the initial learning curve the controls are time savers. You can't beat the price for the amount of functionality you get.
My biggest issue is that they seem a bit sluggish responding on their forums. Maybe I'm just asking lame questions. I've been lobbying management to pay the $ for the supported version. Considering the amount of time we spend digging around to solve some of the more complicated problems I think it would be worth it.
I've just had a look at their grid and wrote a small POC project with it and must say I'm quite impressed. I'm not sure about their previous MVC controls iterations, but the current one can be a real time saver. It also fits very nicely into ASP.NET MVC ajax applications since there is a rich client-side API. Having jquery DataTables on the client side results in an even better user experience (because it is much faster), but also requires more error-prone javascript code.
As an alternative, you can check for MDBootstrap (it´s a front-end framework built on top of Bootstrap). There you will find an article with free ASP.NET MVC templates.

Best way of building an application having a UI like OUTLOOK?

We are trying to build an application which has a UI like OUTLOOK?
Something which has a left navigation pane and then right side there is a details pane.
It would be a heavy on data side. We need to access Database numerous times to access the data to be displayed.
Is SILVERLIGHT a good option which will provide RIA effect? Or Should I stick to ASP.NET building aspx pages and giving it a rich effect with Ajax?
What are different ways of handling this situation?
I've always thought ExtJS has a very Office 2007 Look and feel
http://www.extjs.com/deploy/dev/examples/feed-viewer/view.html
I will suggest you look at WPF, it will be perfect for this type of application. It does have the advantages of both ASP.NET since you can create browser pages and also the UI capability of Silverlight, some people say WPF is like Silverlight with steroids.
The RadControls from telerik have a built in Office and Outlook skin and provide all the different controls you want (grid, left panel bar, right grid, right scheduler) Their controls are available for Silverlight, ASP.Net and WPF so you can try them both out and see what works for ya.
Outlook grid example
Outlook Panel Bar Navigation example
Silverlight Scheduler
I'm using them and they're great.
I think you need to decide whether your users are OK with installing your application (WinForms, WPF etc) or if it has be run from a web browser (Silverlight, ExtJS, Ajax). Constructing an Outlook clone in a web environment is often more difficult (browser compatibility), and you can have issues with performance. However web applications are easier to update and maintain.
Consider usability too. For a desktop application Outlook may be a reasonable model to follow, but users often expect the web to work differently from desktop applications.
If you're going to use Silverlight or WPF then check out these blog posts on using the Prism framework to build a modular UI which looks like Outlook.
http://blogs.msdn.com/erwinvandervalk/archive/2009/03/02/how-to-build-an-outlook-style-application.aspx
http://blogs.msdn.com/erwinvandervalk/archive/2009/04/29/how-to-build-an-outlook-style-application-with-prism-v2-part-2.aspx
Prism (http://www.codeplex.com/prism) was designed to build just this sort of modular UI.
Ade

Resources