RadialGauge
スタイル設定
機能
サンプル
説明
この例では、「カスタムゲージ」の CSS クラスを RadialGauge に追加し、CSS ルールを定義して両方にオレンジ色のポインタを作成しました。
ソース
StylingController.cs
using Microsoft.AspNetCore.Mvc;
namespace MvcExplorer.Controllers
{
public partial class RadialGaugeController : Controller
{
public ActionResult Styling()
{
return View();
}
}
}
Styling.cshtml
@section Styles{
<style>
.custom-gauge .wj-pointer path{
fill: #ffa500;
stroke: #cd853f;
}
</style>
}
<c1-radial-gauge min="0" max="10" value="5" width="300px" height="180px" class="custom-gauge">
</c1-radial-gauge>
@section Description{
@Html.Raw(RadialGaugeRes.Styling_Text0)
}
マニュアル