AngularJS 弃用时间线

AngularJS 支持已在 Grafana 9 中正式弃用。在 2024 年 5 月发布的 Grafana 11 中，所有 Grafana Cloud 和自托管安装默认关闭该功能。到 Grafana 12 版本时，将完全移除对 AngularJS 的支持，包括配置参数开关 angular_support_enabled。

AngularJS 插件迁移指南

以下是分步迁移方案：

  1. 检测是否使用 AngularJS 插件：

    • 检查仪表板和面板中的警告图标
    • 使用 detect-angular-dashboards 工具识别所有依赖 AngularJS 的仪表板
    • 在管理页面的插件中心查看警告提示

  2. 更新插件至最新版本：许多插件已完成从 AngularJS 到 React 的升级，直接更新可能解决问题 Grafana 移除 AngularJS 支持须知

  3. 核心可视化组件自动迁移：以下组件支持自动迁移：

    • 旧版图表 → 时间序列
    • 单值统计 → 统计面板
    • 旧版统计 → 统计面板
    • 旧版表格 → 表格
    • 世界地图 → 地理地图

      可通过启用功能开关 autoMigrateOldPanels 或面板编辑器手动操作触发迁移 Grafana 移除 AngularJS 支持须知

  4. 其他插件处理：参考 Angular 插件文档 获取迁移方案

  5. 自定义/私有插件迁移：需从 AngularJS 重写为 React，具体包括：

    • 使用 React 重构插件
    • 通过 JSON 专用字段实现编辑器定制
    • 使用迁移处理器确保向后兼容

  6. 升级 Grafana 11 前测试：通过设置 angular_support_enabled=false 模拟关闭 AngularJS 支持的环境进行验证

插件开发者可参照 配置设置迁移指南 进行改造。请注意：当 AngularJS 支持关闭后，所有依赖它的插件将无法加载，仪表板面板将不显示数据，请务必在升级至 Grafana 11 前完成迁移。

三人行, 必有我师; 知识共享, 天下为公. 本文由东风微鸣技术博客 EWhisper.cn 编写.

Grafana将弃用AngularJS-我们该如何迁移的更多相关文章

  1. Grafana 6.4 正式发布！

    原文链接:Grafana 6.4 正式发布! 2019 年 10 月 2 日,也就是国内小伙伴们的放假期间,Grafana 实验室正式发布了 Grafana 6.4 版本.这个版本主要围绕数据模型和指 ...

  2. Java 9 揭秘（15. 增强的弃用注解）

    Tips 做一个终身学习的人. 主要介绍以下内容: 如何弃用API @deprecate Javadoc标签和@Deprecation注解在弃用的API中的角色 用于生成弃用警告的详细规则 在JDK ...

  3. KnockoutJS 3.X API 第七章 其他技术(4) 速率限制

    注意:这个速率限制API是在Knockout 3.1.0中添加的. 通常,更改的observable立即通知其订户,以便依赖于observable的任何计算的observable或绑定都会同步更新. ...

  4. 使用 HTML5、CSS3 和 MathML 在 EPUB 3 中制作版式丰富的出版物

    探索用于高级排版和印刷的新一代开放电子书标准 EPUB 3.0 是最新的行业标准 XML 电子书格式,它采用了 HTML5 和 CSS3,因而融入了现代 Web 技术.它重点关注 XML 驱动的工具包 ...

  5. 《KAFKA官方文档》入门指南（转）

    1.入门指南 1.1简介 Apache的Kafka™是一个分布式流平台(a distributed streaming platform).这到底意味着什么? 我们认为,一个流处理平台应该具有三个关键 ...

  6. 我们为什么以及是如何从 Angular.js 迁移到 Vue.js？

    在我写这篇文章的时候,我们刚刚从我们的应用程序代码库中删除了最后一行AngularJS代码,结束了一个为期4个月的非侵入性工作,将我们的应用程序从AngularJS迁移到VueJS.在这篇文章中,我将 ...

  7. AngularJs项目实践总结

    今年3月接触AngularJs,并且在6月的项目中开始应用,从踩坑到填坑花了不少时间,根据项目中的实际应用情况总结了一些经验,如下: 一．UI控件选择 Angularjs是不缺控件的,Github里现 ...

  8. AngularJS中实现无限级联动菜单

    多级联动菜单是常见的前端组件,比如省份-城市联动.高校-学院-专业联动等等.场景虽然常见,但仔细分析起来要实现一个通用的无限分级联动菜单却不一定像想象的那么简单.比如,我们需要考虑子菜单的加载是同步的 ...

  9. 《Pro AngularJS》学习小结-01

    <Pro AngularJS>该书以一个SportsStore案例为主线铺开. 一.开发环境设置 该书中所用的数据库data server开发环境是Deployed,从来没听说过,而且作者 ...

  10. AngularJs项目

    AngularJs项目实践总结 今年3月接触AngularJs,并且在6月的项目中开始应用,从踩坑到填坑花了不少时间,根据项目中的实际应用情况总结了一些经验,如下: 一．UI控件选择 Angularj ...

随机推荐

  1. [rustGUI][iced]基于rust的GUI库iced（0.13）的部件学习（04）：实现窗口主题（颜色）变换（暨menu菜单的使用）

    前言 本文是关于iced库的部件介绍,iced库是基于rust的GUI库,作者自述是受Elm启发. iced目前的版本是0.13.1,相较于此前的0.12版本,有较大改动. 本合集是基于新版本的关于分 ...

  2. superset 其他相关设置

    重置账号密码: superset fab reset-password --username adminuser --password yourpassword 如 superset fab rese ...

  3. Linux：安装nodejs

    yum安装 自带版本 yum install nodejs 但是版本很低[6.17.1] 高版本 参考:链接 1.删除旧版本 yum remove nodejs 2.添加Node.js Yum存储库 ...

  4. AGC008

    AGC008 B 题目大意 给出一个序列,一开始全是白色,一次操作可以染黑或染白一段长度为 \(K\) 的区间,要让最后序列中黑色格子上数的和最大,求这个最大值. 解题思路 考虑找结论. 发现我们一定 ...

  5. Kotlin：【Map集合】集合创建、集合遍历、元素增加

    to本身是一个函数

  6. EMWIN图形库入门

    一.EMWIN图形库移植 在STM32ZET6(64KB SRAM.512KB FLASH)上移植,参考正点原子STM32F1 EMWIN开发手册_V2.0 STemWin源码可以在ST官网下载 版本 ...

  7. startup文件中 bash_profile 和 bashrc 区别的总结

    原理上讲"交互式,登陆shell"启动时会加载"profile"系列的startup文件"交互式,非登陆shell"启动时会加载" ...

  8. Flink同步kafka到iceberg数据延迟，两个checkpoint后才可查询

    一.问题描述 用户配置了高级参数很多,观察kafka增量数据不多,flink负载不高情况下两个checkpoint后才可查询到数据.   排查时hdfs有数据文件产生,但是mainfast文件中最新快 ...

  9. 水利地理信息系统 - www.WaterGIS.cn

    用C#语言开发了一个免费GIS软件,可以用来快速浏览和编辑SHAPE文件,支持天地图等. 下载可以去QQ群:722489551

  10. IAP升级（STM32）

    IAP升级(STM32) IAP作用简述:将要升级的程序bin文件通过串口发送给STM32,STM32接收后存储到FLASH或者SRAM,用户通过事件(按键等)触发(也可延时自动触发)后将升级 文件夹 ...