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