Telerik Extensions for ASP.NET MVC

Version Q1 2012, released 04/19/2012

Scatter chart

About this example ASPXRazor

This example shows how to display Scatter series in the Telerik Chart for ASP.NET MVC.

Each point of the scatter chart represents a pair of two (Price and Performance) values.

The axes are configured through the XAxis and YAxis settings.

Multiple X and Y axes can be specified. Series can be associated to a particular axis by specifying the axis name. 

Html.Telerik().Chart(Model)
    .Name("chart")
    .Series(series => {
        series.Scatter(d => d.RPM, d => d.Power);
                
        series.Scatter(d => d.RPM, d => d.Torque)
              .YAxis("torque");
    })
    .YAxis(y => y.Numeric().Title("Power (bhp)"))
    .YAxis(y => y.Numeric("torque").Title("Torque (lb-ft)"))

Get more than expected!

Take the Telerik Extensions for ASP.NET MVC to your Visual Studio projects to truly experience their power. Download your free copy now and jumpstart your development with the available learning resources.

The Extensions are offered in both open source and commercial versions the differences between which are well explained in the licensing FAQ.

If you have any questions, do not hesitate to contact us at sales@telerik.com.

Other Demos: