This repository contains the source code of the examples of usage Stimulsoft Dashboards.JS embedded data analysis tool in the Vue applications, using JavaScript code and Vue components. The dashboard builder and examples are fully compatible with any Vue.js version.
A set of examples for working with dashboard components in Vue.js:
- Printing a Dashboard from Code
- Exporting a Dashboard to PDF
- Exporting a Dashboard to HTML
- Exporting a Dashboard from Code with Changing Export Settings
- Creating a new Data Connection from code
- Registering Data from Code
- Using SQL Data Sources
- Using Parameters in SQL Query
- Using a Custom Data Adapter
- Supply Custom Headers for JSON Database
- Customizing the Designer
- Changing the Designer Theme
- Customizing the Viewer
- Changing the Viewer Theme
- Using Designer Events
- Using Viewer Events
- Working with onDesign and onExit Events
- Using the two Viewer in the One Project
- Get a modified Dashboard from the Designer
- Using the Right-To-Left Mode in the Viewer
To run the examples, open the required folder with the example and run the following commands in the console:
- use
npm installto install requred modules; - use
npm run devto run sample; - navigate to http://localhost:5173/ for Vue.js samples.
Since pure JavaScript does not have built-in methods for working with remote databases, this functionality is implemented using server-side code. Therefore, Stimulsoft Dashboards.JS product contains server data adapters implemented using PHP, Node.js, ASP.NET, Java, .NET Core technologies.
Many examples for other platforms and technologies are collected in separate repositories:
Stimulsoft Dashboards.JS is a robust dashboard development tool designed for JavaScript-based applications. This product offers a powerful engine for data processing and visualization, along with an intuitive dashboard designer and an interactive viewer to review finalized documents. Dashboards.JS is compatible with any HTML5 and JavaScript supported web browser, making it suitable for creating dashboards. Furthermore, it easily integrates with React, Vue.js, Node.js apps and projects, and can be utilized both on the client-side and the server-side.