FlexChart
FlexChart
Header and Footer
Chart header and footer
This view shows how you can add a header and a footer to the chart.
Features
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.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | 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); } }} |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | @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>} |