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.
Related
I am currently building an ASP.NET MVC site after years of being in the Web Forms world (and taking a bit of getting used to!).
I have an admin dashboard which has several area's contained in boxes which can be collapsed etc. The basic layout of the box is the same for all - the only difference is the content inside the box. I don't really want to repeat the box code over and over (talking only about front end code here). What I would normally do in the Web Forms world is create a control with template region for the content (i.e http://weblogs.asp.net/scottgu/archive/2006/06/04/Supporting-Templates-with-ASP.NET-User-Controls.aspx)
This question is pretty similar to my scenario How do build a composite or template control in ASP.Net MVC, or the equivelant?. The top answer in the referenced question points to this article http://jeffreypalermo.com/blog/asp-net-mvc-and-the-templated-partial-view-death-to-ascx/ which I guess would work but seems somewhat of a hack. What is the best way to achieve this in MVC? How do others handle this?
If the sharing is in the layout, use master (a concept from web forms).
If it is in the content then use Display/Editor Templates.
I'm trying to add a functionality to Telerik MVC Q3 chart (I need the chart to show some summary lines, for instance minimum, maximum or average lines). I downloaded the visual studio solution from codeplex, but it's too hard to make any changes because I couldn't find any documentation on this project. I somehow managed to add the server side configuration part, but now I'm really stuck with the javascript part. Could someone advise how can I get the documentation?
Telerik does not have an extensive client-side api. What there is can be found in their docs.
Telerik Extensions for ASP.NET MVC Manual
Under Telerik UI Components, there is a section called "Client API and Events" for each component. For example, Grid Client API and Events.
Telerik Extensions for ASP.NET MVC Demos
The demos all have a small demo of client-side events. For example, Grid Client-Side Events.
Another resource that might be useful on the ASP.NET Wiki is an article by John DeVight called "Telerik MVC : Extending the Client API". Also the Telerik MVC Series might be useful.
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/
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.
I am working on a large data entry page using the default ASP.NET MVC theme. Due to the large number of controls on the page it would be good to use a two column fieldset so the user does not need to scroll. I can't see any templates in the MVC design gallery that use a two column data entry page, they are all geared towards standard website designs. Has anyone seen any? It would be great to have templates for different data entry scenarios.
Thanks
Danny
What you can do is create your own T4 (Text Template Transformation Toolkit) file. You can find out more here. This will give you an extra view content option in your "Add View" dialog box, generating the HTML however you've specified.
If your problem is to show all controls on single window without scrolling and may be using two columns,Right!
I have another solution for you.
And that is Wizard. check out this link and this link.
Your form will look nice!
If your issue is layout, you can lay it out in the design view first (or dreamweaver or the designer of your choice) then add the MVC specific code.