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 MvcExplorer.Models; using System.Collections.Generic; using Microsoft.AspNetCore.Mvc; namespace MvcExplorer.Controllers { public partial class FlexChartController : Controller { public ActionResult HeaderFooter() { return View(_apple.Sales); } } }
HeaderFooter.cshtml
<c1-flex-chart binding-x="Date" chart-type="LineSymbols" header="@FlexChartRes.HeaderFooter_Header" footer="@FlexChartRes.HeaderFooter_Footer" > <c1-flex-chart-title-style c1-property="FooterStyle" halign="right"></c1-flex-chart-title-style> <c1-items-source source-collection="Model"></c1-items-source> <c1-flex-chart-series binding="SalesInChina" name="Sales"></c1-flex-chart-series> </c1-flex-chart> @section Description{ <h3> @Html.Raw(FlexChartRes.HeaderFooter_ChartHeaderAndFooter) </h3> <p>@Html.Raw(FlexChartRes.HeaderFooter_Text0)</p> <p>@Html.Raw(FlexChartRes.HeaderFooter_Text1)</p> }
Documentation