line chartのxy軸にラベルをつけてみます。

準備

.NET Core 3.0 Preview SDK を使っています。こんな感じでコマンド打ちます。


dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.0.0-preview5-19227-01
dotnet new blazor -o randomrect
cd randomrect

実装

3つのファイルを変更します。

wwwroot/index.html

scriptを読み込んでるだけです。

wwwroot/helper.js

BlazorとPIXIJSを繋ぐためのヘルパーです。

Pages/Index.razor

labelX、labelYにラベル用のデータを書いておいて、グラフデータと一緒に、「DrawLine」に渡しています。

動作確認

dotnet run

こんな感じなります。