FlexChart
FlexChart
Range Area
This view shows a range area chart.
Features
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.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | using System; using Microsoft.AspNetCore.Mvc; using MvcExplorer.Models; namespace MvcExplorer.Controllers { public partial class FlexChartController : Controller { public ActionResult RangeArea() { return View(Fruit.GetFruitsSales()); } } } |
1 2 3 4 5 6 7 8 9 10 11 | @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 > } |