Cloud
Облачный сервис для быстрого и эффективного анализа и визуализации данных для вашего бизнеса без необходимости создания своих приложений и программирования.
Using the two Viewer in the One Project
Наши примеры проектов и шаблоны отчётов помогут Вам разобраться в основах работы с нашими продуктами.Because the viewer is just a React component, you can place several instances on one page. This example shows two independent viewers side by side.
Viewer setup. Configure the viewer, load the report, assign it to the component, and process the requests or events raised by the UI.
Viewer setup. Configure the viewer, load the report, assign it to the component, and process the requests or events raised by the UI.
function App() {
var viewerOptions = new Stimulsoft.Viewer.StiViewerOptions();
viewerOptions.appearance.scrollbarsMode = true;
viewerOptions.height = "100vh";
var report1 = new Stimulsoft.Report.StiReport();
report1.loadFile('Reports/SimpleList.mrt');
var report2 = new Stimulsoft.Report.StiReport();
report2.loadFile('Reports/TwoSimpleLists.mrt');
return (
<div className='container-viewer'>
<Viewer report={report1} options={viewerOptions} />
<Viewer report={report2} options={viewerOptions} />
</div>
);
}<Viewer> holds its own report and options, so multiple previews coexist on the same page without interfering — useful for dashboards or comparison views.