FlexChart
FlexChart
Range Area
Features
Sample
Description
This view shows a range area chart. The Range Area Chart type is used to simultaneously show high and low values in a given time period. The X axis usually represents a time scale to display how data changes over time.
Source
RangeAreaController.cs
using System; using Microsoft.AspNetCore.Mvc; using MvcExplorer.Models; namespace MvcExplorer.Controllers { public partial class FlexChartController : Controller { public ActionResult RangeArea() { return View(Fruit.GetFruitsSales()); } } }
RangeArea.cshtml
@model IEnumerable<Fruit> <c1-flex-chart id="rangeArea" binding-x="Name" chart-type="Area"> <c1-items-source source-collection="Model"></c1-items-source> <c1-flex-chart-series binding="MarPrice,AprPrice" name="Price"> </c1-flex-chart-series> </c1-flex-chart> @section Description{ <p>@Html.Raw(FlexChartRes.RangeArea_Text0)</p> }
Documentation