TreeMap
TreeMap
グループコレクション
機能
サンプル
説明
このビューは、グループ化データを TreeMap チャートと組み合わせて使用する方法を示します。
ソース
GroupCollectionController.cs
using MvcExplorer.Models; using Microsoft.AspNetCore.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; } <c1-tree-map binding="Sales" binding-name="Category,SubCategory"> <c1-items-source source-collection="Model" group-by="Category,SubCategory"></c1-items-source> <c1-flex-chart-tooltip content="<b>{name}</b><br />{value:c}"></c1-flex-chart-tooltip> <c1-flex-chart-datalabel position="Center" content="{name}"></c1-flex-chart-datalabel> </c1-tree-map> @section Description{ <p>@Html.Raw(TreeMapRes.GroupCollection_Text0)</p> }
マニュアル