MeshWeaver.Blazor.ChartJs 2.2.0

.NET 9.0 This package targets .NET 9.0. The package is compatible with this framework or higher.
There is a newer version of this package available.
See the version list below for details. 
dotnet add package MeshWeaver.Blazor.ChartJs --version 2.2.0
                    


                    

                
NuGet\Install-Package MeshWeaver.Blazor.ChartJs -Version 2.2.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="MeshWeaver.Blazor.ChartJs" Version="2.2.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="MeshWeaver.Blazor.ChartJs" Version="2.2.0" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="MeshWeaver.Blazor.ChartJs" />
                    


                            Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add MeshWeaver.Blazor.ChartJs --version 2.2.0
                    


                    

                
#r "nuget: MeshWeaver.Blazor.ChartJs, 2.2.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
#:package MeshWeaver.Blazor.ChartJs@2.2.0
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package. 
#addin nuget:?package=MeshWeaver.Blazor.ChartJs&version=2.2.0
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=MeshWeaver.Blazor.ChartJs&version=2.2.0
                    


                            Install as a Cake Tool

MeshWeaver.Blazor.ChartJs

Overview

MeshWeaver.Blazor.ChartJs provides Blazor UI components and services for ChartJs functionality within the MeshWeaver ecosystem. This library offers specialized UI rendering and interactions for Blazor applications.

The components in this library implement the ChartControl class from the MeshWeaver.Charting project using Chart.js technology, providing rich data visualization capabilities with the standard MeshWeaver UI behavior and styling.

Features

  • Blazor implementation of the ChartControl class using Chart.js loaded from CDN
  • Advanced chart visualization with various chart types and customization options
  • CDN-based Chart.js loading with automatic dependency management
  • No build process required - JavaScript dependencies are loaded at runtime

Usage

// In your Program.cs or Startup.cs
builder.ConfigureWebPortal()
       .AddChartJs();

Components

  • Various chart types (bar, line, pie, etc.)
  • Interactive data visualization
  • Responsive chart layouts

Chart.js Dependencies

This library loads Chart.js and its dependencies from CDN at runtime:

  • Chart.js v4.4.0
  • Chart.js Data Labels Plugin v2.2.0
  • Chart.js Moment Adapter v1.0.1
  • Moment.js v2.29.4

No npm build process or static assets compilation is required.

Installation

The MeshWeaver.Blazor.ChartJs package can be added to your project using the AddChartJs() extension method when configuring your application:

// In Program.cs
using MeshWeaver.Portal.Shared.Web;
using MeshWeaver.Blazor.ChartJs;

var builder = WebApplication.CreateBuilder(args);

// Configure MeshWeaver portal services
builder.ConfigureWebPortalServices();
builder.ConfigureWebPortal()
       .AddChartJs();

var app = builder.Build();
app.StartPortalApplication();

Integration with MeshWeaver

  • Seamless integration with MeshWeaver.Layout
  • Implementation of the ChartControl model from MeshWeaver.Charting
  • Data binding with MeshWeaver.Data sources
  • Event handling with MeshWeaver messaging

See Also

Refer to the main MeshWeaver documentation for more information about the overall project. s

Product Compatible and additional computed target framework versions.
.NET net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 was computed.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
2.3.0 153 8/4/2025
2.2.0 434 7/21/2025
2.1.0 176 4/6/2025
2.0.3 498 3/24/2025
2.0.2 465 3/24/2025
2.0.1 116 3/21/2025
2.0.0 162 3/20/2025
2.0.0-preview3 107 2/28/2025
2.0.0-Preview2 105 2/10/2025
2.0.0-preview1 113 1/6/2025
1.0.1 130 10/8/2024
1.0.0 114 10/8/2024