FlexChart
FlexChart
ErrorBar
機能
サンプル
設定
説明
ErrorBar を使用すると、誤差の範囲や標準偏差を一目で確認することができます。これらは、標準誤差量、パーセント値、または標準偏差として表示することができます。必要に応じて、正確な誤差量を表示するために独自の値を設定することもできます。
ソース
ErrorBarController.cs
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using MvcExplorer.Models; using C1.Web.Mvc.Chart; namespace MvcExplorer.Controllers { public partial class FlexChartController : Controller { List<PopulationByCountry> _populationByCountry = PopulationByCountry.GetData(); public ActionResult ErrorBar() { var width = new object[] { 0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1 }; var boolValues = new object[] { false, true }; var settings = new ClientSettingsModel { Settings = new Dictionary<string, object[]> { {"Direction", Enum.GetValues(typeof(ErrorBarDirection)).Cast<object>().ToArray()}, {"ErrorAmount", Enum.GetValues(typeof(ErrorAmount)).Cast<object>().ToArray()}, {"Value", new object[]{50, 100, 150, 200}}, {"EndStyle", Enum.GetValues(typeof(ErrorBarEndStyle)).Cast<object>().ToArray()} } }; settings.LoadRequestData(Request); ViewBag.DemoSettingsModel = settings; return View(_populationByCountry); } } }
ErrorBar.cshtml
@model IEnumerable<PopulationByCountry> @section Scripts{ <script> function setProperty(control, property, value) { control.series.forEach(function (serie) { serie[property] = value; }); } function customChangeDirection(control, value) { setProperty(control, 'direction', value); } function customChangeErrorAmount(control, value) { setProperty(control, 'errorAmount', value); } function customChangeValue(control, value) { setProperty(control, 'value', value); } function customChangeEndStyle(control, value) { setProperty(control, 'endStyle', value); } </script> } @{ ViewBag.DemoSettings = true; ClientSettingsModel demoSettingsModel = ViewBag.DemoSettingsModel; } @(Html.C1().FlexChart() .Id(demoSettingsModel.ControlId) .Bind("Country", "Population", Model) .Series(ser => { ser.AddErrorBar().Name("Population").Value(50) .ErrorAmount(demoSettingsModel.GetEnum("ErrorAmount", C1.Web.Mvc.Chart.ErrorAmount.FixedValue)) .ErrorBarStyle(errorBarStyle => errorBarStyle.Fill("#e6e6e6").Stroke("#918254").StrokeWidth(2)); }) ) @section Description{ <p>@Html.Raw(Resources.FlexChart.ErrorBar_Text0)</p> }
マニュアル