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
#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

blazor-charts

无标题

基于blazor技术,使用C#编写的web前端charts组件。

DemoSite: https://victorious-meadow-0c2078000.azurestaticapps.net/

Build NuGet
alternate text is missing from this package README image alternate text is missing from this package README image

特点

✨ 完全使用C#语言编写

✨ 使用Razor语法定义图表

✨ 图表组件灵活组合使用

使用方法

  1. 安装组件包

  2. 修改_Imports.razor文件,添加引用@using BlazorCharts

  3. 页面中使用

<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; }
}
  1. 执行查看效果

image

更新日志

2021.1116

  • 升级.Net6
  • 支持基于上级组件推断泛型类型特性

2021.0525

  • 增加自定义数据源功能,默认提供ListDataSource和RemoteDataSource两种类型的数据源

2021.0520

  • X轴和Y轴增加隐藏功能
  • Y轴增加次要轴功能

2021.0514

  • 支持某个字段作为分组依据进行分组
  • 增加基本的数据筛选支持

2021.0509

  • 柱状图和点的图增加动画
Product 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.

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
0.4.108 483 1/8/2022
0.3.0-pre-211116130523 169 11/16/2021
0.3.0-pre-211116130509 157 11/16/2021
0.3.0-pre-210623123916 183 6/23/2021
0.3.0-pre-210623123854 174 6/23/2021
0.3.0-pre-210526142824 149 5/26/2021
0.3.0-pre-210526142651 143 5/26/2021
0.3.0-pre-210526142647 146 5/26/2021
0.3.0-pre-210525164804 179 5/25/2021
0.3.0-pre-210525155247 144 5/25/2021
0.3.0-pre-210525155216 144 5/25/2021
0.3.0-pre-210523140611 144 5/23/2021
0.3.0-pre-210523140450 138 5/23/2021
0.3.0-pre-210521022539 168 5/21/2021
0.3.0-pre-210521022535 164 5/21/2021
0.3.0-pre-210520145941 149 5/20/2021
0.3.0-pre-210520145729 146 5/20/2021
0.3.0-pre-210514084655 149 5/14/2021
0.3.0-pre-210514084648 147 5/14/2021
0.3.0-pre-210514083006 148 5/14/2021
0.3.0-pre-210514083000 147 5/14/2021
0.3.0-pre-210514060330 152 5/14/2021
0.3.0-pre-210514055317 155 5/14/2021
0.3.0-pre-210514030050 149 5/14/2021
0.3.0-pre-210514030042 150 5/14/2021
0.3.0-pre-210509103713 148 5/9/2021
0.3.0-pre-210506123416 187 5/6/2021
0.3.0-pre-210506112811 162 5/6/2021
0.3.0-pre-210506104829 160 5/6/2021
0.3.0-pre-210501084829 171 5/1/2021
0.3.0-pre-210501084217 170 5/1/2021
0.3.0-pre-210501071656 189 5/1/2021
0.2.0-pre-210430225846 176 4/30/2021
0.2.0-pre-210430141104 139 4/30/2021
0.2.0-pre-210430045457 172 4/30/2021
0.2.0-pre-210430.234038 175 4/30/2021
0.1.0-pre-210429143532 142 4/29/2021
0.1.0-pre-210428143055 144 4/28/2021
0.1.0-pre-210428141100 145 4/28/2021
0.1.0-pre-210428123524 165 4/28/2021
0.1.0-pre-210428121832 136 4/28/2021
0.1.0-pre-210428083341 140 4/28/2021
0.1.0-pre-210428080227 147 4/28/2021
0.1.0-pre-210428061416 148 4/28/2021
0.1.0-pre-210428061326 149 4/28/2021
0.1.0-pre-210428055944 149 4/28/2021