FlexChart
FlexChart
プロット領域
機能
サンプル
説明
このビューは、複数のプロット領域を持つ FlexChart を示します。
ソース
PlotAreasController.cs
using MvcExplorer.Models; using System.Web.Mvc; namespace MvcExplorer.Controllers { public partial class FlexChartController : Controller { public ActionResult PlotAreas() { return View(AVDRelation.getGata(20)); } } }
PlotAreas.cshtml
@model IEnumerable<AVDRelation> @(Html.C1().FlexChart().Id("flexChart").ChartType(C1.Web.Mvc.Chart.ChartType.Area) .CssClass("chart").Bind(Model).BindingX("T") .AxisX(axis => axis.Title("time, s")) .Series(sers => { sers.Add().Binding("A").Name("acceleration"); sers.Add().Binding("V").Name("velocity").AxisY(axis => axis.Position(C1.Web.Mvc.Chart.Position.Left).MajorGrid(true).PlotAreaIndex(2)); sers.Add().Binding("D").Name("distance").AxisY(axis => axis.Position(C1.Web.Mvc.Chart.Position.Left).MajorGrid(true).PlotAreaIndex(4)); }) .PlotAreas(plotareas=> { plotareas.Add().Style(style => style.Fill("rgba(136,189,230,0.2)")); plotareas.Add().Row(1).Height("20px"); plotareas.Add().Row(2).Style(style => style.Fill("rgba(136,189,230,0.2)")); plotareas.Add().Row(3).Height("20px"); plotareas.Add().Row(4).Style(style => style.Fill("rgba(136,189,230,0.2)")); }) ) @section Description{ @Html.Raw(Resources.FlexChart.PlotAreas_Text0) }
マニュアル