Export JavaScript Project from Dashtera: Step-by-Step Guide (2026)

Dashtera is a powerful platform that allows users to design interactive dashboards using a drag-and-drop interface. It integrates seamlessly with the LightningChart JS library for rendering complex charts. In this tutorial, you will learn how to export a JavaScript project from Dashtera, enabling you to further customize and deploy your dashboard designs as standalone web applications.

Key Takeaways

• Understand how Dashtera integrates with LightningChart JS.
• Learn to export your dashboard as a JavaScript project.
• Discover methods to include custom scripts and styles.
• Gain insights into troubleshooting common export issues.

This guide is essential for developers who want to leverage Dashtera's design capabilities but need the flexibility to further develop or deploy their dashboards independently. By the end of this tutorial, you will have a clear understanding of the export process and how to incorporate additional features using JavaScript and LightningChart JS.

Prerequisites

• Basic understanding of JavaScript and HTML.
• Familiarity with Dashtera's dashboard designer.
• Access to a Dashtera account with dashboard designs ready for export.

Step 1: Prepare Your Dashboard in Dashtera

Before exporting, ensure your dashboard design is complete and functioning as expected within Dashtera. This includes verifying data connections and ensuring all widgets and charts are properly configured.

Step 2: Access the Export Feature

Log into your Dashtera account and navigate to the dashboard you wish to export. Look for the export option, typically located in the dashboard settings or menu.

Step 3: Choose Export Format

Select the JavaScript project export option. This may be labeled as 'Export as JS Project' or similar, depending on the version of Dashtera you are using.

Step 4: Include LightningChart JS

When exporting, ensure that the option to include LightningChart JS is selected. This will embed the necessary scripts within your exported project.

<script src="path/to/LightningChart.js"></script>

Step 5: Customize Project Files

After exporting, you'll receive a zip file containing your JavaScript project. Extract the contents and open the project folder. You can now add custom scripts or styles as needed.

// Example: Adding a new chart to your project
const chart = lightningChart().ChartXY();
chart.addSeries(LineSeries).add(new Point({ x: 10, y: 20 }));

Step 6: Deploy Your Project

With the project customized, you can deploy it to a web server or integrate it into a larger application. Ensure all dependencies are correctly linked and test the functionality thoroughly.

Common Errors/Troubleshooting

• Export Fails: Ensure your Dashtera account has export permissions and that the dashboard is fully configured.
• Missing Libraries: Verify all script paths are correct within the exported HTML files.
• Chart Rendering Issues: Check for any console errors and ensure LightningChart JS is correctly initialized.

Frequently Asked Questions

Can I modify the exported project?

Yes, once exported, you can freely modify the JavaScript, HTML, and CSS files to suit your needs.

What if the export option is not available?

Ensure you have the latest version of Dashtera and check your user permissions.

Do I need a LightningChart JS license?

Yes, if your project includes LightningChart JS, a valid license is required for deployment.

By following this guide, you should be able to confidently export your Dashtera dashboards as JavaScript projects, ready for further customization and deployment.

Frequently Asked Questions

Can I modify the exported project?

Yes, once exported, you can freely modify the JavaScript, HTML, and CSS files to suit your needs.

What if the export option is not available?

Ensure you have the latest version of Dashtera and check your user permissions.

Do I need a LightningChart JS license?

Yes, if your project includes LightningChart JS, a valid license is required for deployment.