<div class="demo-section wide">
    @(Html.Kendo().Chart<Kendo.Mvc.Examples.Models.PricePerformance>()
        .Name("chart")
        .Title("Price-Performance Ratio")
        .Legend(legend => legend
            .Visible(false)
        )
        .DataSource(ds => ds.Read(read => read.Action("_PricePerformanceData", "Scatter_Charts")))
        .Series(series => {
            series.Scatter(model => model.Price, model => model.Performance);
        })
        .XAxis(x => x
            .Numeric()
            .Title(title => title.Text("Price"))
            .Labels(labels => labels.Format("${0}")).Max(1000)
        )
        .YAxis(y => y
            .Numeric()
            .Title(title => title.Text("Performance Ratio"))
            .Labels(labels => labels.Format("{0}%")).Min(80)
        )
        .Tooltip(tooltip => tooltip
            .Visible(true)
            .Template("#= '<b>$' + value.x + ' / ' + dataItem.Family + ' ' + dataItem.Model + ': ' + value.y + '%</b>' #")
        )
    ) 
</div>