FlexChart
FlexChart
ヘッダーとフッター
機能
サンプル
説明
チャートのヘッダーとフッター
このビューは、チャートにヘッダーとフッターを追加する方法を示します。
Header プロパティと Footer プロパティはコンテンツを決定し、 HeaderStyle プロパティと FooterStyle プロパティは ヘッダーとフッターの外観を決定します。
ソース
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> }
マニュアル