BulletGraph
スタイル設定
機能
サンプル
説明
この例では、BulletGraph に「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 BulletGraphController : Controller
{
public ActionResult Styling()
{
return View();
}
}
}
Styling.cshtml
@section Styles{
<style>
.custom-gauge .wj-pointer path{
fill: #ffa500;
stroke: #cd853f;
}
</style>
}
@(Html.C1().BulletGraph()
.Min(0).Max(10).Good(3)
.Bad(4).Value(5).Target(6)
.Width(500).CssClass("custom-gauge")
)
@section Description{
@Html.Raw(Resources.BulletGraph.Styling_Text0)
}
マニュアル