Set up the dashboard viewer in JavaScript, load a template, and connect the component to the application.

Viewer setup. Configure the viewer, load the dashboard, assign it to the component, and process the requests or events raised by the UI.
var options = new Stimulsoft.Viewer.StiViewerOptions();
options.toolbar.zoom = 50;
options.toolbar.showFullScreenButton = false;
options.toolbar.showOpenButton = false;
options.width = "1000px";
options.height = "500px";

var viewer = new Stimulsoft.Viewer.StiViewer(options, "StiViewer", false);
var report = Stimulsoft.Report.StiReport.createNewDashboard();
report.loadFile("../dashboard/Christmas.mrt");
viewer.report = report;
The toolbar and appearance options control which buttons appear, the zoom, and the overall size — from a full-featured viewer to a minimal, embedded dashboard.
Auf dem Screenshot unten Sie können das Ergebnis des Beispiel-Codes ansehen:

Customizing the Viewer

Hallo! Brauchen Sie Hilfe?