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