Two independent dashboard viewers can live on one page, each bound to its own report object.

In Vue.
<script setup lang="ts">
import { Viewer, Stimulsoft } from "stimulsoft-dashboards-js-vuejs/viewer";

var report1 = new Stimulsoft.Report.StiReport();
report1.loadFile("Dashboards/Dashboard.mrt");

var report2 = new Stimulsoft.Report.StiReport();
report2.loadFile("Dashboards/Orders.mrt");
</script>

<template>
    <Viewer :report="report1" />
    <Viewer :report="report2" />
</template>

How it works. The viewer is a self-contained component, so any number can be placed on a page, each with a separate dashboard.

By using this website, you agree to the use of cookies for analytics and personalized content. Cookies store useful information on your computer to help us improve efficiency and usability. For more information, please read the privacy policy and cookie policy.