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 | 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); } } } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <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> } |