FlexChart
FlexChart
リモートデータ連結
機能
サンプル
説明
このビューは、FlexChart をリモートデータに連結する方法を示します。
ソース
RemoteBindController.cs
using System; using MvcExplorer.Models; using System.Collections.Generic; using Microsoft.AspNetCore.Mvc; using C1.Web.Mvc; using C1.Web.Mvc.Serialization; namespace MvcExplorer.Controllers { public partial class FlexChartController : Controller { public ActionResult RemoteBind() { return View(); } public ActionResult RemoteBind_Read(CollectionViewRequest<CustomerOrder> requestData) { return this.C1Json(CollectionViewHelper.Read(requestData, CustomerOrder.GetCountryGroupOrderData())); } } }
RemoteBind.cshtml
<c1-flex-chart header="Sales (remote data)" legend-toggle="true" binding-x="Country"> <c1-items-source read-action-url="RemoteBind_Read"></c1-items-source> <c1-flex-chart-series binding="Count" name="Count"></c1-flex-chart-series> <c1-flex-chart-series binding="Price" name="Price"></c1-flex-chart-series> </c1-flex-chart> @section Description{ @Html.Raw(FlexChartRes.RemoteBind_Text0) }
マニュアル