ウォータフォール系列は、FlexChart内で正と負の値の進行的な影響を理解するために役立つデータ仮想化形式です。ウォータフォール系列は、主に、連続的な値の推移すなわち増減を理解または説明する分析的な目的で使用されます。
このトピックでは、FlexChartのウォータフォール系列を使用して、エンティティの正と負の値を表す方法について説明します。
次の図は、上記の手順を実行した後のFlexChartを示しています。
Waterfall.cs
)。新しいモデルの追加方法については、「コントロールの追加」を参照してください。FlexChartを初期化するには、次の手順を実行します。
新しいコントローラーの追加
FlexChartController
)。C# |
コードのコピー
|
---|---|
using C1.Web.Mvc; using C1.Web.Mvc.Serializition; using C1.Web.Mvc.Chart; |
C# |
コードのコピー
|
---|---|
public ActionResult Index() { return View(Waterfall.GetData()); } |
コントローラーのビューの追加
FlexChartController
をダブルクリックして開きます。Index()
内にカーソルを置きます。Razor |
コードのコピー
|
---|---|
@(Html.C1().FlexChart() .Bind("Name", "Value", Model) .Series(ser => { ser.AddWaterfall() .RelativeData(false) .ConnectorLines(true) .Styles(s => s.ConnectorLines(cnt => cnt.StrokeDasharray("5 5").Stroke("#339"))); }).Height("300px")) |