Cloud
Облачный сервис для быстрого и эффективного анализа и визуализации данных для вашего бизнеса без необходимости создания своих приложений и программирования.
Примеры проектов для Stimulsoft Dashboards.JS
Наши примеры проектов и шаблоны отчётов помогут Вам разобраться в основах работы с нашими продуктами.
Adding a Font to the Resource
A font can be embedded into a dashboard as a resource so it renders identically everywhere; here a TrueType font is added to the dictionary.
Changing the Designer Theme
The dashboard designer supports themes too, applied through its options object from the StiDesignerTheme enumeration.
Changing the Viewer Theme
The dashboard viewer supports many themes, chosen through the options object from the StiViewerTheme enumeration.
Creating a new Data Connection from code
A data connection can be created entirely from code — here a StiJsonDatabase is added to the dashboard dictionary and synchronized.
Creating Dashboard at Runtime
A dashboard can be built from code — elements from the Stimulsoft.Dashboard.Components namespace are added to the dashboard page.
Customizing the Designer
The designer interface can be simplified by hiding toolbar items through its options.
Customizing the Viewer
Set up the dashboard viewer in Vue 3, load a template, and connect the component to the application.
Exporting a Dashboard from Code with Changing Export Settings
Render the dashboard in Vue 3 and export it directly from code, without opening the viewer.
Exporting a Dashboard to HTML
Render the dashboard in Vue 3 and export it directly from code, without opening the viewer.
Exporting a Dashboard to PDF
Render the dashboard in Vue 3 and export it directly from code, without opening the viewer.
Get a modified Dashboard from the Designer
Embed the dashboard designer in Vue 3, load a template, and connect its editing and save actions.
Globalizing Dashboard
Globalization formats a dashboard's data (numbers, dates, currency) for a chosen culture, set through the globalization manager.
How to Activate the Product
By default the product runs in trial mode; applying your license key with StiLicense removes the watermark.
Localizing the Designer
The designer interface language is set the same way, by loading a localization file.
Localizing the Viewer
Set up the dashboard viewer in Vue 3, load a template, and connect the component to the application.
Printing the Dashboard from Code
A dashboard can be sent to the printer directly from code after rendering with print().
Registering Data from Code
A dashboard's data can be supplied from code: load the dashboard, clear its connections, and register your own dataset with regData.
Supply Custom Headers for JSON Database
When a dashboard loads data from a protected JSON endpoint, authentication headers can be attached in the onBeginProcessData event.
Using a Custom Data Adapter
For an unsupported data source you can register a custom database that answers the engine's data commands, then use it in the designer.
Using a Custom Font
A single custom font file can be registered with the engine and used across the dashboard.
Using Dashboard Variables in Code
Dashboard variables can be set from code before rendering, for values that come from the application.
Using Designer Events
The dashboard designer raises events for saving and other actions; handling onSaveReport lets you persist the edited dashboard.
Using Parameters in SQL Query
SQL query parameters can be set in the onBeginProcessData event to filter the dashboard data securely.
Using SQL Data Sources
Dashboards can pull data from SQL databases through a data-adapter service; the connection is supplied in the onBeginProcessData event.
Using the Right-To-Left Mode in the Viewer
Set up the dashboard viewer in Vue 3, load a template, and connect the component to the application.
Using the two Viewer in the One Project
Run two independent dashboard viewers in one Vue 3 application. Each component receives its own StiReport instance and loads a different dashboard.
Using Viewer Events
The dashboard viewer exposes events as component props; here the export event is handled to react when the user exports the dashboard.