BulletGraph
Styling
In this example, we have added the "custom-gauge" CSS class to BulletGraph, and have defined CSS rules to create an orange pointer.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | 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(); } }} |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | @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)} |