FlexChart
FlexChart
Header and Footer
Features
Sample
Description
Chart header and footer
This view shows how you can add a header and a footer to the chart.
The Header and Footer properties determine the content, and the HeaderStyle and FooterStyle properties determine the appearance of the header and footer.
Source
HeaderFooterController.cs
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using MvcExplorer.Models; using C1.Web.Mvc; using C1.Web.Mvc.Serialization; namespace MvcExplorer.Controllers { public partial class FlexChartController : Controller { public ActionResult HeaderFooter() { return View(_apple.Sales); } } }
HeaderFooter.cshtml
@model IEnumerable<FruitSale> @(Html.C1().FlexChart().Bind("Date", Model) .ChartType(C1.Web.Mvc.Chart.ChartType.LineSymbols) .Series(sers => { sers.Add("Sales").Binding("SalesInChina"); }) .Header(Resources.FlexChart.HeaderFooter_Header).Footer(Resources.FlexChart.HeaderFooter_Footer).FooterStyle(hs => hs.Halign("right"))) @section Description{ <h3> @Html.Raw(Resources.FlexChart.HeaderFooter_ChartHeaderAndFooter) </h3> <p>@Html.Raw(Resources.FlexChart.HeaderFooter_Text0)</p> <p>@Html.Raw(Resources.FlexChart.HeaderFooter_Text1)</p> }
Documentation