LinearGauge
範囲の使用
機能
サンプル
設定
説明
この例は、LinearGauge で範囲を使用する方法を示します。
ソース
RangesController.cs
using System.Collections.Generic; using Microsoft.AspNetCore.Mvc; using MvcExplorer.Models; namespace MvcExplorer.Controllers { public partial class LinearGaugeController : Controller { public ActionResult Ranges() { ViewBag.DemoSettings = true; ViewBag.DemoSettingsModel = new ClientSettingsModel { Settings = CreateShowRangesSettings() }; return View(); } private static IDictionary<string, object[]> CreateShowRangesSettings() { var settings = new Dictionary<string, object[]> { {"ShowRanges", new object[]{true, false}} }; return settings; } } }
Ranges.cshtml
@{ ClientSettingsModel demoSettingsModel = ViewBag.DemoSettingsModel; } <c1-linear-gauge id="@demoSettingsModel.ControlId" min="0" max="10" value="1" width="500px"> <c1-gauge-range min="2" max="3" color="Green"></c1-gauge-range> <c1-gauge-range min="6" max="9" color="Yellow"></c1-gauge-range> </c1-linear-gauge> @section Description{ @Html.Raw(LinearGaugeRes.Ranges_Text0) }
マニュアル