FlexPie
複数のグラフ
機能
サンプル
1行あたりのチャート
説明
このサンプルは、同じデータソースに基づいて複数の円グラフを作成する方法を示しています。 複数の円グラフを作成するには、バインドで複数のコンマ区切りプロパティを指定するだけです。
ソース
MultipleChartController.cs
using System.Collections.Generic;
using System.Web.Mvc;
using C1.Web.Mvc.Chart;
using MvcExplorer.Models;
namespace MvcExplorer.Controllers
{
public partial class FlexPieController : Controller
{
public ActionResult MultipleChart()
{
return View(ProductSales.GetData());
}
}
}
MultipleChart.cshtml
@model IEnumerable<ProductSales>
@section Scripts{
<script>
function chartsPerLineChanged(sender, args) {
var multipleChart = wijmo.Control.getControl('#multipleChart');
multipleChart.chartsPerLine = sender.value;
}
</script>
}
@(Html.C1().FlexPie<ProductSales>()
.Id("multipleChart")
.Header("Product")
.Height(600)
.Binding("Downloads,Sales,Refunds,Damages")
.Bind(Model)
.BindingName("Country")
.DataLabel(dl => dl.Content("{value}")))
<p style="display:inline;margin: 1em;">@Html.Raw(Resources.FlexPie.Multiple_Text1)</p>
@(Html.C1().InputNumber().Min(0).Max(4).Step(1).Value(0).Format("n0").OnClientValueChanged("chartsPerLineChanged"))
@section Description{
<p>@Html.Raw(Resources.FlexPie.Multiple_Text0)</p>
}
マニュアル