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 15 16 17 | using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.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 12 13 | @model IEnumerable<Fruit>@(Html.C1().FlexChart().Id("rangeArea") .ChartType(C1.Web.Mvc.Chart.ChartType.Area) .Bind(Model).BindingX("Name").Series(sers => { sers.Add().Binding("MarPrice,AprPrice").Name("Price"); }))@section Description{ <p>@Html.Raw(Resources.FlexChart.RangeArea_Text0)</p>} |