Location>code7788 >text

Grafana will deprecate AngularJS - How do we migrate

Popularity：457 ℃/2025-04-12 21:27:37

AngularJS Deprecated Timeline

AngularJS support has been officially deprecated in Grafana 9. In Grafana 11 released in May 2024, all Grafana Cloud and self-hosted installations turn off the feature by default. When Grafana 12 version, support for AngularJS is completely removed, including configuration parameter switchesangular_support_enabled。

AngularJS Plugin Migration Guide

The following is a step-by-step migration plan:

  1. Detect whether to use the AngularJS plugin：

    • Check warning icons in dashboards and panels
    • usedetect-angular-dashboardsTools identify all dashboards that depend on AngularJS
    • View warning prompts in the Plugin Center of the Administration page

  2. Update plug-in to the latest version: Many plugins have completed upgrades from AngularJS to React, and direct updates may solve the problemGrafana Removes AngularJS Support Instructions

  3. Automatic migration of core visual components: The following components support automatic migration:

    • Old chart → time series
    • Single Value Statistics → Statistics Panel
    • Old version statistics → Statistics panel
    • Old version of the table → table
    • World Map → Geographic Map
      Function switches can be enabledautoMigrateOldPanelsor the panel editor manually triggers migrationGrafana Removes AngularJS Support Instructions

  4. Other plug-in processing:refer toAngular plugin documentationObtain migration plan

  5. Custom/Private Plugin Migration: It needs to be rewrite from AngularJS to React, including:

    • Refactoring plugins with React
    • Implement editor customization through JSON dedicated fields
    • Use migration processor to ensure backward compatibility

  6. Upgrade Grafana 11 before testing: By settingangular_support_enabled=falseSimulate shutting down AngularJS-supported environments for verification

Plugin developers can refer to itConfiguration Settings Migration GuideCarry out transformation. Please note: When AngularJS support is turned off, all plug-ins that depend on it will not load, and the dashboard panel will not display data. Be sure to complete the migration before upgrading to Grafana 11.

When three people walk, there must be my teacher; if knowledge is shared, the world will be the public.This article is from Dongfeng Weiming Technology Blogwrite.

<Previous Next>