Toggle navigation Highcharts
  • About Us
    • About Us
    • Job Openings
    • Contact Us
    • News
    • Resellers
  • Home
  • Products
    • Highcharts
    • Highstock
    • Highmaps
    • Mobile
    • Highcharts Cloud
    • Highcharts Editor
    • Wrappers
    • Plugins
  • Demo
    • Highcharts demos
    • Highstock demos
    • Highmaps demo
  • Docs
    • General Documentation
    • API Reference
    • Changelog
    • Roadmap
  • Support
    • Support
    • Download
  • Blog
  • Community
    • Project Showcase
    • Chart Code Showcase
    • Contribute
  • Buy
  • About Us
    • About Us
    • Job Openings
    • Contact Us
    • News
    • Resellers
Highcharts.NET 
  • Highcharts.NET
  • Highstock.NET
Demos 
  • Demos
  • API
  • Docs
  • See on NuGet
  • Download 
  • Demo
  • API
  • Docs
  • See on NuGet
  • Download 
Highcharts.NET
 Highcharts  Highstock
  • Line charts
    • Basic line
    • Ajax loaded data, clickable points
    • With data labels
    • With annotations
    • Time series, zoomable
    • Spline with inverted axes
    • Spline with symbols
    • Spline with plot bands
    • Time data with irregular intervals
    • Logarithmic axis
    • Line chart with 500k points
  • Area charts
    • Basic area
    • Area with negative values
    • Stacked area
    • Percentage area
    • Area with missing points
    • Inverted axes
    • Area-spline
    • Area range
    • Area range and line
    • Sparkline charts
    • Streamgraph
  • Column and bar charts
    • Basic bar
    • Stacked bar
    • Bar with negative stack
    • Basic column
    • Column with negative values
    • Stacked column
    • Stacked and grouped column
    • Stacked percentage column
    • Column with rotated labels
    • Column with drilldown
    • Fixed placement columns
    • Data defined in a HTML table
    • Column range
  • Pie charts
    • Pie chart
    • Pie with legend
    • Donut chart
    • Semi circle donut
    • Pie with drilldown
    • Pie with gradient fill
    • Pie with monochrome fill
  • Scatter and bubble charts
    • Scatter plot
    • Scatter plot with 1 million points
    • Bubble chart
    • 3D bubbles
  • Dynamic charts
    • Spline updating each second
    • Click to add a point
    • Master-detail chart
  • Combinations
    • Column, line and pie
    • Dual axes, line and column
    • Multiple axes
    • Scatter with regression line
    • Meteogram
    • Advanced timeline
  • 3D charts
    • 3D column
    • 3D column with null and 0 values
    • 3D column with stacking and grouping
    • 3D pie
    • 3D donut
    • 3D scatter chart
  • Gauges
    • Angular gauge
    • Solid gauge
    • Activity gauge
    • Clock
    • Gauge with dual axes
    • VU meter
    • Bullet graph
  • Heat and tree maps
    • Heat map
    • Large heat map
    • Tile map, honeycomb
    • Tree map with color axis
    • Tree map with levels
    • Large tree map
  • More chart types
    • Polar chart
    • Spiderweb
    • Wind rose
    • Box plot
    • Error bar
    • Waterfall
    • Funnel chart
    • Pyramid chart
    • Polygon series
    • General drawing
list

Controller Code 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using Highsoft.Web.Mvc.Charts;


namespace MVC_Demo.Areas.Highcharts.Controllers.Shared
{
    public partial class SharedController : Controller
    {
        public ActionResult PieDrilldown()
        {            
            return View();
        }
    }
}
View Code 
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/drilldown.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

@using Highsoft.Web.Mvc.Charts

    @(Html.Highsoft().GetHighcharts(
        new Highcharts
        {
            Title = new Title
            {
                Text = "Browser market shares. January, 2015 to May, 2015"
            },
            Subtitle = new Subtitle
            {
                Text = "Click the columns to view versions. Source: <a href='http://netmarketshare.com'>netmarketshare.com</a>."
            },
            XAxis = new List<XAxis>
            {
                new XAxis
                {
                    Type = XAxisType.Category
                }
            },
            YAxis = new List<YAxis>
            {
                new YAxis 
                {
                    Title = new YAxisTitle
                    {
                        Text = "Total percent market share"   
                    }
                }
            },
            Legend = new Legend
            {
                Enabled = false
            },
            Tooltip = new Tooltip
            {
                HeaderFormat = "<span style='font-size:11px'>{series.name}</span><br>",
                PointFormat = "<span style=\"color:{point.color}\">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>"
            },

            PlotOptions = new PlotOptions
            {
                Series = new PlotOptionsSeries
                {
                    DataLabels = new PlotOptionsSeriesDataLabels
                    {
                        Enabled = true,
                        Format = "{point.name}: {point.y:.1f}%"
                    }
                }
            },
            Series = new List<Series>
            {                
                new PieSeries
                {
                    Name = "Brands",
                    Data = new List<PieSeriesData>
                    {
                        new PieSeriesData { Name = "Microsoft Internet Explorer", Y = 56.3, Drilldown = "Microsoft Internet Explorer" },
                        new PieSeriesData { Name = "Chrome", Y = 24.03, Drilldown = "Chrome" },
                        new PieSeriesData { Name = "Firefox", Y = 10.3, Drilldown = "Firefox" },
                        new PieSeriesData { Name = "Sfari", Y = 4.77, Drilldown = "Safari" },
                        new PieSeriesData { Name = "Opera", Y = 0.91, Drilldown = "Opera" },
                        new PieSeriesData { Name = "Proprietary or Undetectable", Y = 0.2, Drilldown = null }                       
                    }  
                }                
            },
            Drilldown = new Drilldown
            {                
                Series = new List<Series>
                {
                    new PieSeries
                    {
                        Name = "Microsoft Internet Explorer",
                        Id = "Microsoft Internet Explorer",
                        Data = new List<PieSeriesData>
                        {
                            new PieSeriesData { Name = "v11.0", Y = 24.13 },
                            new PieSeriesData { Name = "v8.0", Y = 17.2 },
                            new PieSeriesData { Name = "v9.0", Y = 8.11 },
                            new PieSeriesData { Name = "v11.0", Y = 24.13 },
                            new PieSeriesData { Name = "v10.0", Y = 5.33 },
                            new PieSeriesData { Name = "v6", Y = 1.06 },
                            new PieSeriesData { Name = "v7", Y = 0.5 }
                        }
                    },
                    new PieSeries
                    {
                        Name = "Chrome",
                        Id = "Chrome",
                        Data = new List<PieSeriesData>
                        {
                            new PieSeriesData { Name = "v40.0", Y = 5 },
                            new PieSeriesData { Name = "v41", Y = 4.32 },
                            new PieSeriesData { Name = "v42", Y = 3.68 },
                            new PieSeriesData { Name = "v39", Y = 2.96 },
                            new PieSeriesData { Name = "v36", Y = 2.54 },
                            new PieSeriesData { Name = "v43", Y = 1.45 },
                            new PieSeriesData { Name = "v31", Y = 1.24 }
                        }
                    },
                    new PieSeries
                    {
                        Name = "Firefox",
                        Id = "Firefox",
                        Data = new List<PieSeriesData>
                        {
                            new PieSeriesData { Name = "v35", Y = 7.32 },
                            new PieSeriesData { Name = "v36", Y = 5.32 },
                            new PieSeriesData { Name = "v37", Y = 4.68 },
                            new PieSeriesData { Name = "v34", Y = 3.96 },
                            new PieSeriesData { Name = "v38", Y = 2.54 },
                            new PieSeriesData { Name = "v31", Y = 1.45 },
                            new PieSeriesData { Name = "v32", Y = 1.24 }
                        }
                    },
                    new PieSeries
                    {
                        Name = "Safari",
                        Id = "Safari",
                        Data = new List<PieSeriesData>
                        {
                            new PieSeriesData { Name = "v8", Y = 9.32 },
                            new PieSeriesData { Name = "v7.1", Y = 7.12 },
                            new PieSeriesData { Name = "v5.1", Y = 6.92 },
                            new PieSeriesData { Name = "v5.0", Y = 6.71 },
                            new PieSeriesData { Name = "v6.1", Y = 5.44 },
                            new PieSeriesData { Name = "v7.0", Y = 4.32 },
                            new PieSeriesData { Name = "v6.2", Y = 3.24 }
                        }
                    },
                    new PieSeries
                    {
                        Name = "Opera",
                        Id = "Opera",
                        Data = new List<PieSeriesData>
                        {
                            new PieSeriesData { Name = "v12.x", Y = 5 },
                            new PieSeriesData { Name = "v28", Y = 4.32 },
                            new PieSeriesData { Name = "v27", Y = 2.15 },
                            new PieSeriesData { Name = "v29", Y = 0.16 }
                        }
                    },
                }
            }
        }
        , "chart")
    )
© 2016 Highcharts. All rights reserved.