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>
}
マニュアル