FlexChart
FlexChart
スケーリング
機能
サンプル
説明
対数軸を使用して、データが集中する範囲を拡大し、精度を落とすことなくチャートの明確さを向上させることができます。
スケーリング形式を使用すると、軸ラベルを明瞭かつ簡潔な方法で表示できます。
この例のバブルチャートは、約 200 か国の人口（x 軸）、GDP（y 軸）、および 1 人当たりの所得（バブルサイズ）を示しています。 対数軸を使用することでデータが拡散し、 チャートが読みやすくなっています。
ソース
ScalingController.cs
using System.Web.Mvc;
using MvcExplorer.Models;
namespace MvcExplorer.Controllers
{
public partial class FlexChartController
{
//
// GET: /Scaling/
public ActionResult Scaling()
{
return View(Population.GetData());
}
}
}
Scaling.cshtml
@model IEnumerable<Population>
@(Html.C1().FlexChart().ChartType(C1.Web.Mvc.Chart.ChartType.Bubble)
.Bind("POP", Model).Legend(C1.Web.Mvc.Chart.Position.None)
.Tooltip(ttb => ttb.Content("<b>{Country}</b>:<br/>{PCI:n0} US$/year/capita").IsContentHtml(true))
.AxisY(cab => cab.Title(Resources.FlexChart.Scaling_AxisYText).Format("g4,").LogBase(10))
.AxisX(cab => cab.Title(Resources.FlexChart.Scaling_AxisXText).Format("g4,,").LogBase(10))
.Series(sers =>
{
sers.Add()
.Name("GDP")
.SymbolStyle(svgsb => svgsb.Fill("gold").Stroke("orange"))
.Binding("GDP,PCI");
}))
@section Description{
<h3>
</h3>
<p>@Html.Raw(Resources.FlexChart.Scaling_Text0)</p>
<p>@Html.Raw(Resources.FlexChart.Scaling_Text1)</p>
<p>@Html.Raw(Resources.FlexChart.Scaling_Text2)</p>
}
マニュアル