TreeMap
TreeMap
Group Collection
Features
Sample
Description
The view shows how to use the TreeMap chart with grouped data.
Source
GroupCollectionController.cs
using MvcExplorer.Models;
using System.Web.Mvc;
namespace MvcExplorer.Controllers
{
public partial class TreeMapController : Controller
{
// GET: GroupCollection
public ActionResult GroupCollection()
{
return View(FoodSale.GetGroupData());
}
}
}
GroupCollection.cshtml
@model IEnumerable<FoodSale>
@{
ViewBag.DemoSettings = false;
}
@(Html.C1().TreeMap()
.Binding("Sales")
.BindingName("Category", "SubCategory")
.Bind(isb => isb.Bind(Model).GroupBy("Category", "SubCategory"))
.Tooltip(t => t.Content("<b>{name}</b><br />{value:c}"))
.DataLabel(dlb => dlb.Position(C1.Web.Mvc.Chart.LabelPosition.Center).Content("{name}")))
@section Description{
<p>@Html.Raw(Resources.TreeMap.GroupCollection_Text0)</p>
}
Documentation