Using Dashboard Variables in Code
Our sample projects and report templates can help you learn the basics of working with our products.Dashboard variables can be assigned from code before rendering — handy for passing application state into a template.
In Angular.
How it works. Values are set on the report before it is bound to the viewer, so the dashboard reflects the application's state.
In Angular.
import { Component } from "@angular/core";
import { Viewer, Stimulsoft } from "stimulsoft-dashboards-js-angular/viewer";
@Component({
imports: [Viewer],
template: `<sti-viewer [report]="report"></sti-viewer>`
})
export class Example {
report: Stimulsoft.Report.StiReport;
constructor() {
this.report = new Stimulsoft.Report.StiReport();
this.report.loadFile("Dashboards/Variables.mrt");
this.report.setVariable("Name", "Andrew");
this.report.setVariable("Sex", true);
this.report.setVariable("BirthDay", Stimulsoft.System.DateTime.fromString("10.10.2010"));
}
}report.setVariable(name, value)— assign each template variable by name before the viewer renders it.Stimulsoft.System.DateTime.fromString— build a date value for date variables.
How it works. Values are set on the report before it is bound to the viewer, so the dashboard reflects the application's state.