Syncfusion.AspNetMvc.Sankey
34.1.32
Prefix Reserved
dotnet add package Syncfusion.AspNetMvc.Sankey --version 34.1.32
NuGet\Install-Package Syncfusion.AspNetMvc.Sankey -Version 34.1.32
<PackageReference Include="Syncfusion.AspNetMvc.Sankey" Version="34.1.32" />
<PackageVersion Include="Syncfusion.AspNetMvc.Sankey" Version="34.1.32" />
<PackageReference Include="Syncfusion.AspNetMvc.Sankey" />
paket add Syncfusion.AspNetMvc.Sankey --version 34.1.32
#r "nuget: Syncfusion.AspNetMvc.Sankey, 34.1.32"
#:package Syncfusion.AspNetMvc.Sankey@34.1.32
#addin nuget:?package=Syncfusion.AspNetMvc.Sankey&version=34.1.32
#tool nuget:?package=Syncfusion.AspNetMvc.Sankey&version=34.1.32
Syncfusion® ASP.NET MVC Sankey Component
A flow diagram visualization component that displays flow and proportional relationships between values using node-link diagrams. Commonly used for energy flows, budget allocation, and resource tracking.
Key Features
- Visualizes directional flow of quantities between nodes
- Configurable node width, padding, and alignment
- Gradient and solid link colorization
- Interactive tooltip on hover for link and node details
- Legend for identifying node groups
- Supports custom node and link labels
- Export to PNG, JPEG, SVG, and PDF
Common Setup
These setup steps are required only once for your application, regardless of which Syncfusion components you use.
1. Install Base NuGet Package
Install-Package Syncfusion.AspNetMvc.Sankey
2. Add Namespace Reference
Edit Web.config under the Views folder and add the Syncfusion.EJ2 namespace:
<namespaces>
<add namespace="Syncfusion.EJ2"/>
</namespaces>
3. Add Stylesheet & Script References
In your layout file (~/Views/Shared/_Layout.cshtml), add the following in the <head> section:
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewBag.Title - Syncfusion Application</title>
<link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/34.1.32/fluent2.css" />
<script src="https://cdn.syncfusion.com/ej2/34.1.32/dist/ej2.min.js"></script>
</head>
4. Register Script Manager
At the end of the <body> tag in your layout file (~/Views/Shared/_Layout.cshtml):
<body>
@RenderBody()
@Html.EJS().ScriptManager()
</body>
Quick Start
Step 1: Add ASP.NET MVC Sankey control
Add the Syncfusion® ASP.NET MVC Sankey control ~/Views/Home/Index.cshtml page:
@Html.EJS().Sankey("sankey-container")
.Width("90%")
.Height("420px")
.Title("Sankey Chart")
.Tooltip(tooltip => tooltip.Enable(true))
.LegendSettings(legend => legend.Visible(true))
.Nodes(ViewBag.SankeyNodes)
.Links(ViewBag.SankeyLinks)
.Render()
Step 2: Create controller ~/Controllers/HomeController.cs
public ActionResult Index()
{
List<SankeyNode> nodes = new List<SankeyNode>
{
new SankeyNode { Id = "A" },
new SankeyNode { Id = "B" },
new SankeyNode { Id = "C" }
};
List<SankeyLink> links = new List<SankeyLink>
{
new SankeyLink { SourceId = "A", TargetId = "B", Value = 100 },
new SankeyLink { SourceId = "B", TargetId = "C", Value = 80 }
};
ViewBag.SankeyNodes = nodes;
ViewBag.SankeyLinks = links;
return View();
}
Step 3: Run the Application
Press Ctrl+F5 to run the application in your browser.
Documentation
Support and Feedback
- For queries, reach our Syncfusion® support team or post the queries through the community forums.
- Request new feature through Syncfusion® feedback portal.
License
This is a commercial product and requires a paid license for possession or use. Syncfusion® licensed software, including this component, is subject to the terms and conditions of Syncfusion® EULA. You can purchase a license here or start a free 30-day trial here.
About Syncfusion®
Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion® has more than 29,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.
sales@syncfusion.com | www.syncfusion.com | Toll Free: 1-888-9 DOTNET
Support
License
This is a commercial product and requires a paid license for possession or use. Review the Syncfusion® EULA
About Syncfusion®
Syncfusion® provides 1600+ UI components and frameworks for web, mobile, and desktop development across multiple platforms:
Web: Blazor | ASP.NET MVC | ASP.NET MVC | JavaScript | Angular | React | Vue
Desktop: WinForms | WPF | WinUI
Learn more at www.syncfusion.com
sales@syncfusion.com | Toll Free: 1-888-9-DOTNET
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET Framework | net462 is compatible. net463 was computed. net47 was computed. net471 was computed. net472 was computed. net48 was computed. net481 was computed. |
-
- Newtonsoft.Json (>= 13.0.3)
- Syncfusion.AspNetMvc.Base (>= 34.1.32)
- Syncfusion.AspNetMvc.Charts (>= 34.1.32)
- Syncfusion.EJ2.JavaScript (>= 34.1.32)
- Syncfusion.Licensing (>= 34.1.32)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.