FlexChart
FlexChart
Remote Data Bind
Features
Sample
Description
This view shows how to bind FlexChart to a remote data.
Source
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)
}
Documentation