@using Trirand.Web.Mvc
@using Trirand.Web.Mvc.Chart;
@using Trirand.Web.Mvc.Chart.ChartAxis;
@using Trirand.Web.Mvc.Chart.Series;
@using Trirand.Web.Mvc.Chart.Style;
@using Trirand.Web.Mvc.Chart.Data;
@using Newtonsoft.Json.Linq;

<!DOCTYPE html>
<html lang="en-us">
<head>
    <meta charset="utf-8">
    <title>Chartfor ASP.NET MVC - Radar Custom</title>
    <script type="text/javascript" src="~/Scripts/trirand/chart/corechart.min.js"></script>
</head>
<body>
    <div>
        <!--
        The Html.Trirand().CoreChart() helper has two parameters
            - the model of the chart -- all chart properties, data and settings
            - the ID of the chart -- can be used for client-side manipulation
        In this example we are using hardcoded model in the View, but you can contruct the model in
        the controller based on runtime criteria and database data and pass the model
        to the View using ViewData
        -->
        @(Html.Trirand().CoreChart(
                 new CoreChart
                 {
                     Width = "700px",
                     Height = "700px",
                     Title = new List<Title>
                     {
                            new Title() { Text = "Custom Radar Map" }
                     },
                     Legend = new Legend
                     {
                         Data = new List<string>() { "Figure 1", "Figure 2", "Figure 3", "Figure 4" }
                     },
                     Radar = new List<Radar>
                     {
                             new Radar
                             {
                                 Indicator = new List<IndicatorData>
                                 {
                                     new IndicatorData { Name = "One"},
                                     new IndicatorData { Name = "Two"},
                                     new IndicatorData { Name = "Three" },
                                     new IndicatorData { Name = "Four" },
                                     new IndicatorData { Name = "Five" }
                                 },
                                 Center = new List<string>() { "25%", "50%" },
                                 Radius = 120,
                                 StartAngle = 90,
                                 Shape = "circle",
                                 SplitNumber = 4,
                                 Name = new AxisName
                                 {
                                     Formatter = "【{value}】",
                                     TextStyle = new TextStyle { Color = "#72ACD1" }
                                 },
                                 SplitArea = new SplitArea
                                 {
                                     AreaStyle = new AreaStyle
                                     {
                                         Color = new List<string>()
                                         {
                                            "rgba(114, 172, 209, 0.2)",
                                            "rgba(114, 172, 209, 0.4)", "rgba(114, 172, 209, 0.6)",
                                            "rgba(114, 172, 209, 0.8)", "rgba(114, 172, 209, 1)"
                                         },
                                         ShadowColor = "rgba(0, 0, 0, 0.3)",
                                         ShadowBlur = 10
                                     }
                                 },
                                 SplitLine = new SplitLine
                                 {
                                     LineStyle = new LineStyle
                                     {
                                         Color = "rgba(255, 255, 255, 0.5)"
                                     }
                                 },
                                 AxisLine = new AxisLine
                                 {
                                     LineStyle = new LineStyle { Color = "rgba(255, 255, 255, 0.5)" }
                                 }
                             },
                             new Radar
                             {
                                 Indicator = new List<IndicatorData>
                                 {
                                     new IndicatorData { Name = "Physics", Max = 150},
                                     new IndicatorData { Name = "Chemistry", Max = 150},
                                     new IndicatorData { Name = "Math", Max = 150 },
                                     new IndicatorData { Name = "Biology", Max = 120 },
                                     new IndicatorData { Name = "Astronomy", Max = 102 },
                                     new IndicatorData { Name = "French", Max = 78 }
                                 },
                                 Center = new List<string>() { "75%", "50%" },
                                 Radius = 120
                             }
                     },
                     Series = new List<Series>
                     {
                             new RadarSeries
                             {
                                 Name = "Radar Map",
                                 Data = new List<Data>
                                 {
                                     new Data
                                     {
                                         Value = new List<double>() { 100, 8, 0.40, -80, 200 },
                                         Name = "Figure 1",
                                         Symbol = "rect",
                                         SymbolSize = 5,
                                         LineStyle = new ItemStyle
                                         {
                                             Normal  = new Normal { Type = "dashed" }
                                         }
                                     },
                                     new Data
                                     {
                                         Value = new List<double>() { 60, 5, 0.30, -100, 1500 },
                                         Name = "Figure 2",
                                         AreaStyle = new ItemStyle
                                         {
                                             Normal = new Normal {  Color = "rgba(255, 255, 255, 0.5)" }
                                         }
                                     }
                                 }
                             },
                             new RadarSeries
                             {
                                 Name = "Transcripts",
                                 RadarIndex = 1,
                                 Data = new List<Data>
                                 {
                                     new Data
                                     {
                                        Value = new List<double>() { 120, 118, 130, 100, 99, 70 },
                                        Name = "Figure 3",
                                        Label = new EntityStyle<LineLabelStyle>
                                        {
                                            Normal = new LineLabelStyle
                                            {
                                                Show = true,
                                                Formatter = new JRaw(@"function(params) {
                                                                        return params.value;
                                                                    }")
                                            }
                                        }
                                     },
                                     new Data
                                     {
                                         Value = new List<double>() {90, 113, 140, 30, 70, 60 },
                                         Name = "Figure 4",
                                         AreaStyle = new ItemStyle
                                         {
                                             Normal = new Normal
                                             {
                                                 Opacity = 0.9,
                                                 Color = new JRaw(@"new coreCharts.graphic.RadialGradient(0.5, 0.5, 1, [
                                                                    {
                                                                        color: '#B8D3E4',
                                                                        offset: 0
                                                                    },
                                                                    {
                                                                        color: '#72ACD1',
                                                                        offset: 1
                                                                    }
                                                                ])")
                                            }
                                        }
                                    }
                                 }
                             }
                     }
                 }
            , "Chart")
        )

        <br />
        <div>
             
        </div>
    </div>
</body>
</html>

using System.Web.Mvc;

namespace CoreDemo.Controllers.Chart
{
    public partial class ChartController : Controller
    {
        public ActionResult RadarCustom()
        {           
            return View("");
        }
    }
}