FlexChart
FlexChart
Plot Areas
This view shows the FlexChart with several plot areas.
Features
Description
This view shows the FlexChart with several plot areas.
1 2 3 4 5 6 7 8 9 10 11 12 13 | using Microsoft.AspNetCore.Mvc; using MvcExplorer.Models; namespace MvcExplorer.Controllers { public partial class FlexChartController : Controller { public ActionResult PlotAreas() { return View(AVDRelation.getGata(20)); } } } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | @model IEnumerable<AVDRelation> @{ var plotStyle = new SVGStyle { Fill = "rgba(136,189,230,0.2)" }; } <c1-flex-chart id="flexChart" chart-type="Area" class="chart" binding-x="T"> <c1-items-source source-collection="Model"></c1-items-source> <c1-flex-chart-axis c1-property="AxisX" title="time, s"></c1-flex-chart-axis> <c1-flex-chart-series binding="A" name="acceleration"></c1-flex-chart-series> <c1-flex-chart-series binding="V" name="velocity"> <c1-flex-chart-axis c1-property="AxisY" position="Left" major-grid="true" plot-area-index="2"></c1-flex-chart-axis> </c1-flex-chart-series> <c1-flex-chart-series binding="D" name="distance"> <c1-flex-chart-axis c1-property="AxisY" position="Left" major-grid="true" plot-area-index="4"></c1-flex-chart-axis> </c1-flex-chart-series> <c1-plot-area style="plotStyle" /> <c1-plot-area row="1" height="20" /> <c1-plot-area row="2" style="plotStyle" /> <c1-plot-area row="3" height="20" /> <c1-plot-area row="4" style="plotStyle" /> </c1-flex-chart> @section Description{ @Html.Raw(FlexChartRes.PlotAreas_Text0) } |