Showing the Dashboard Viewer in a Required Position

Наши примеры проектов и шаблоны отчётов помогут Вам разобраться в основах работы с нашими продуктами.
Открыть на GitHub
Продукты ✖Dashboards.JS ✖Вьювер ✖
The dashboard viewer can be rendered into any element on the page to fit your layout. This example draws it into a specific container.

Viewer setup. Configure the viewer, load the dashboard, assign it to the component, and process the requests or events raised by the UI.
var viewer = new Stimulsoft.Viewer.StiViewer(null, "StiViewer", false);
var report = Stimulsoft.Report.StiReport.createNewDashboard();
report.loadFile("../dashboard/Christmas.mrt");
viewer.report = report;

viewer.renderHtml("content");   // id of the target element
Rendering the viewer into a named element lets you size and position it with your own HTML and CSS — embedding the dashboard in a panel, tab or card.
На скриншоте ниже Вы можете увидеть результат выполнения данного кода:

Showing the Dashboard Viewer in a Required Position
Открыть на GitHub Скачать