Showing a Dashboard in the Viewer - Примеры кода

Отчеты Дашборды Формы Решения для криэйторов

UltimateЛучший выбор

Полный набор библиотек и скриптов для отчетности и анализа данных с дизайнерами и вьюверами отчетов и дашбордов для 35+ фреймворков, платформ и технологий.

Reports.PYTHON

Python, Flask, Django, Tornado

Python 3.10+

Reports.WEBПопулярный

ASP.NET, ASP.NET Core, MVC, Razor

.NET Framework 4.5.2+ | .NET 6.0+

Reports.JSПопулярный

JavaScript, Node.js, Angular, React, Vue

Веб-браузер | Node.js 16+

Reports.NET

WinForms

.NET Framework 4.5.2+ | .NET 6.0+

Reports.WPF

Платформа WPF

.NET Framework 4.5.2+ | .NET 6.0+

Reports.JAVA

Java, Jakarta EE (Web)

Java SE 8+

Reports.PHP

PHP, Laravel

PHP 7.1+

Reports для Angular

Все активно поддерживаемые версии

.NET Framework 4.5.2+ | .NET 6.0+

Reports для Blazor

Blazor Server, Blazor WASM

.NET 6.0+

Reports для Avalonia

Avalonia UI

.NET 6.0+

Reports для React

Все активно поддерживаемые версии

.NET Framework 4.5.2+ | .NET 6.0+

Reports для Vue.js

Vue.js 3+

.NET Framework 4.5.2+ | .NET 6.0+

Подробнее о продуктах

UltimateЛучший выбор

Полный набор библиотек и скриптов для отчетности и анализа данных с дизайнерами и вьюверами отчетов и дашбордов для 35+ фреймворков, платформ и технологий.

Dashboards.PYTHON

Python, Flask, Django, Tornado

Python 3.10+

Dashboards.WEB

ASP.NET, ASP.NET Core, MVC, Razor

.NET Framework 4.5.2+ | .NET 6.0+

Dashboards.JS

JavaScript, Node.js, Angular, React, Vue

Веб-браузер | Node.js 16+

Dashboards.WIN

WinForms, WPF

.NET Framework 4.5.2+ | .NET 6.0+

Dashboards.BLAZOR

Blazor Server, Blazor WASM

.NET 6.0+

Dashboards.ANGULAR

Все активно поддерживаемые версии

.NET Framework 4.5.2+ | .NET 6.0+

Dashboards.PHP

PHP, Laravel

PHP 7.1+

Подробнее о продуктах

UltimateЛучший выбор

Полный набор библиотек и скриптов для отчетности и анализа данных с дизайнерами и вьюверами отчетов и дашбордов для 35+ фреймворков, платформ и технологий.

PDF Forms

ASP.NET, MVC, Angular

.NET Framework 4.5.2+ | .NET 6.0+

Подробнее о продуктах

Designer

Отличное решение для создания отчетов и панелей индикаторов на рабочем столе.

Server

Полноценный клиент-серверный комплекс для бизнес-аналитики, предоставляющий пользователям возможность работать с отчетами и выполнять анализ данных.

Подробнее о продуктах

Продукты ✖Dashboards.BLAZOR ✖Быстрый старт ✖Вьювер ✖

A dashboard is a report created with CreateNewDashboard(); the native Blazor viewer tag then renders it in the browser.

Place the viewer.

<StiBlazorViewer Report="@Report" />

Load the dashboard. Create a dashboard report and load its template in OnInitializedAsync:

this.Report = StiReport.CreateNewDashboard();

var dashboardBytes = await Http.GetByteArrayAsync("Dashboards/DashboardChristmas.mrt");
this.Report.Load(dashboardBytes);

StiReport.CreateNewDashboard() — creates a dashboard-type report bound to the viewer.
Http.GetByteArrayAsync — fetches the .mrt from wwwroot, then Load(bytes) opens it (WebAssembly).

How it works. Dashboards reuse the report engine, so the same native StiBlazorViewer tag renders them entirely in the browser.
На скриншоте ниже Вы можете увидеть результат выполнения данного кода:

Showing a Dashboard in the Viewer

Открыть на GitHub Скачать