Telerik Extensions for ASP.NET MVC

Version Q2 2012, released 06/07/2012

Scatter line chart

About this example ASPXRazor

The Scatter line chart is a scatter chart with straight connector lines between points.

Each point represents a pair of two (X and Y) 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.ScatterLine(d => d.RPM, d => d.Power);
                
        series.ScatterLine(d => d.RPM, d => d.Torque)
              .YAxis("torque");
    })
    .YAxis(y => y.Numeric().Title("Power (bhp)"))
    .YAxis(y => y.Numeric("torque").Title("Torque (lb-ft)"))

Interested in HTML5 and mobile-powered ASP.NET MVC apps?

Experience the next generation UI and framework for ASP.NET MVC development by downloading trial evaluation copy of Kendo UI Complete for ASP.NET MVC. Jumpstart your development with the available learning resources.

The differences between Telerik MVC Extensions and Kendo UI Complete for ASP.NET MVC, and their licensing models are explained here and here.

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

Other Demos: