BlazorCharts 0.4.108
dotnet add package BlazorCharts --version 0.4.108
NuGet\Install-Package BlazorCharts -Version 0.4.108
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="BlazorCharts" Version="0.4.108" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add BlazorCharts --version 0.4.108
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: BlazorCharts, 0.4.108"
#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.
// Install BlazorCharts as a Cake Addin
#addin nuget:?package=BlazorCharts&version=0.4.108
// Install BlazorCharts as a Cake Tool
#tool nuget:?package=BlazorCharts&version=0.4.108
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
blazor-charts
基于blazor技术，使用C#编写的web前端charts组件。
DemoSite: https://victorious-meadow-0c2078000.azurestaticapps.net/
| Build | NuGet |
|---|---|
 |
 |
特点
✨ 完全使用C#语言编写
✨ 使用Razor语法定义图表
✨ 图表组件灵活组合使用
使用方法
安装组件包
修改
_Imports.razor文件，添加引用@using BlazorCharts页面中使用
<BcChart Height="600" Width="800" Data="DemoData.Githubs" CategoryField="x=>x.Year.ToString()">
<BcTitle Title="图表示例" TData="Github"></BcTitle>
<BcAxesY TData="Github" GridLineMajor="true" GridLineMinor="true"></BcAxesY>
<BcLegend TData="Github" BorderWidth="1" Position="LegendPosition.Bottom"></BcLegend>
<BcColumnSeries TData="Github" ValueFunc="x=>x.Sum(y=>y.View)" GroupName="View"></BcColumnSeries>
<BcColumnSeries TData="Github" ValueFunc="x=>x.Sum(y=>y.Start)" GroupName="Start"></BcColumnSeries>
<BcLineSeries TData="Github" ValueFunc="x=>x.Sum(y=>y.Fork)" GroupName="Fork" IsSecondaryAxis="true"></BcLineSeries>
</BcChart>
string title = "图表示例";
List<Github> githubs = new List<Github>()
{
new Github(){Year=2017,View =2500,Start=800,Fork=400},
new Github(){Year=2018,View =2200,Start=900,Fork=800},
new Github(){Year=2019,View =2800,Start=1100,Fork=700},
new Github(){Year=2020,View =2600,Start=1400,Fork=900},
};
public class Github
{
public int Year { get; set; }
public int View { get; set; }
public int Start { get; set; }
public int Fork { get; set; }
}
- 执行查看效果
更新日志
2021.1116
- 升级.Net6
- 支持基于上级组件推断泛型类型特性
2021.0525
- 增加自定义数据源功能，默认提供ListDataSource和RemoteDataSource两种类型的数据源
2021.0520
- X轴和Y轴增加隐藏功能
- Y轴增加次要轴功能
2021.0514
- 支持某个字段作为分组依据进行分组
- 增加基本的数据筛选支持
2021.0509
- 柱状图和点的图增加动画
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net6.0 is compatible. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 was computed. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 was computed. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. |
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.
-
net6.0
- Microsoft.AspNetCore.Components.Web (>= 6.0.0)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.