AG Studio: Build dashboards using native components in web apps. Join us for a webinar on 28th July at 2pm UTC+1 Register

Angular Embedded AnalyticsInstalling a Licence Key

Validate your licence key and configure your application. See sample code to learn how to install your AG Studio products.

You can test AG Studio locally without a licence. To test in production, access support, and remove the watermark and console warnings, request a trial licence.

Validate Your LicenceCopy Link

Paste your Licence Key here: Using_this_{AG_Studio}_Enterprise_key_{AG-963284}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{AcmeCorp}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{AcmeApp}_only_for_{1}_Front-End_JavaScript_developer___All_Front-End_JavaScript_developers_working_on_{AcmeApp}_need_to_be_licensed___{AcmeApp}_has_been_granted_a_Deployment_License_Add-on_for_{1}_Production_Environment___This_key_works_with_{AG Studio}_Enterprise_versions_released_before_{04_May_2026}____[v3]_[03A]_4F37JqkNmUUpwds1nG==WwlRFepEGJshElLJE3uKnQ6vcbwTaJF6

Configure Your ApplicationCopy Link

Add Your DependenciesCopy Link

Copy the following dependencies into your package.json:

Copydependencies: {
    "ag-studio-angular": "2.0.1",
    "ag-studio": "2.0.1"
}

Or install using npm:

Copynpm install ag-studio-angular ag-studio

Set Up Your ApplicationCopy Link

An example of how to set up your AG Studio Enterprise Licence Key:

Copyimport { AgStudio } from "ag-studio-angular";
import { AgStudioLicenseManager } from "ag-studio";


AgStudioLicenseManager.setLicenseKey("YOUR_LICENCE_KEY");

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [AgStudio],
  template:
  `<ag-studio
      [data]="data"
    />`,
})
export class AppComponent {
 /* Class implementation */
}