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 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());
}
}
}
RangeArea.cshtml
@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>
}
Documentation