ComponentOne
Web API Explorer ASP.NET Web API Explorer
MVCRadialGauge

MVCRadialGauge

Overview

This sample demonstrates how to export a mvc RadialGauge to image file.

Features

Overview
5

Settings

Export
Export Format : Height :
Width :
Export Name :

Description

This sample demonstrates how to export a mvc RadialGauge to image file.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using WebApiExplorer.Models;
 
namespace WebApiExplorer.Controllers
{
    public partial class MVCRadialGaugeController : Controller
    {
        private readonly ImageExportOptions _radialGaugeModel = new ImageExportOptions
        {
            Exporter = "wijmo.gauge.ImageExporter"
        };
 
        private readonly ClientSettingsModel _demoSettingsModel = new ClientSettingsModel
        {
            Settings = new Dictionary<string, object[]>
            {
                {"IsReadOnly", new object[]{false, true }},
                {"Step", new object[]{0.5, 1, 2}},
                {"ShowRanges", new object[]{true, false}},
                {"ShowText", new object[]{"All", "Value", "MinMax", "None"}},
                {"SweepAngle", new object[]{180, 270, 360}},
                {"StartAngle", new object[]{0, 90, 180, 270, 360}}
            }
        };
 
        public ActionResult Index()
        {
            ViewBag.DemoSettingsModel = _demoSettingsModel;
            ViewBag.Options = _radialGaugeModel;
            return View();
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
@using WebApiExplorer.Models
@{
    ClientSettingsModel settings = ViewBag.DemoSettingsModel;
    ImageExportOptions optionsModel = ViewBag.Options;
    ViewBag.DemoSettings = true;
}
 
@(Html.C1().RadialGauge().Id(optionsModel.ControlId)
    .Face(fb => fb.Min(0).Max(10))
    .Pointer(pb => pb.Max(5).Thickness(0.5)).Format("").ShowText(ShowText.All)
    .IsReadOnly(false).Step(0.5)
    .Ranges(items => items
        .Add(item => item.Min(1).Max(2).Color(System.Drawing.Color.Red))
        .Add(item => item.Min(3).Max(4).Color(System.Drawing.Color.Green))
        .Add(item => item.Min(7).Max(10).Color(System.Drawing.Color.Yellow))
    ).ShowRanges(true)
    .SweepAngle(180).StartAngle(0)
    .Width(400).Height(200)
)
 
@section Settings{
    @Html.Partial("_ImageExportOptions", optionsModel)
}
 
@section Description{
    @Html.Raw(Resources.MVCRadialGauge.Index_Text0)
}