LinearGauge
スタイル設定
機能
サンプル
説明
この例では、LinearGauge に「custom-gauge」CSS クラスを追加し、オレンジ色のポインタを作成する CSS ルールを定義しました。
ソース
StylingController.cs
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace MvcExplorer.Controllers { public partial class LinearGaugeController : Controller { public ActionResult Styling() { return View(); } } }
Styling.cshtml
@section Styles{ <style> .custom-gauge .wj-pointer path{ fill: #ffa500; stroke: #cd853f; } </style> } @(Html.C1().LinearGauge() .Min(0).Max(10).Value(5) .Width(500).CssClass("custom-gauge") ) @section Description{ @Html.Raw(Resources.LinearGauge.Styling_Text0) }
マニュアル