使用 AngularJS 的插件
Grafana 中对 AngularJS 的使用已弃用,转而支持 React。Grafana 11 中将默认关闭对 AngularJS 的支持。
本页面解释了基于依赖于此旧框架的插件,Grafana 用户可能受到移除 Angular 支持的影响。您还将看到给定插件是否有可用的迁移选项。
注意
我们非常感谢为 Grafana 生态系统贡献插件的开发者。有关将插件迁移到 React 的指南,请参阅我们的迁移指南。
我应该如何处理 AngularJS 插件列表?
请参阅下表,并根据您的需要采取适当的操作。
- 考虑有关是否更新、迁移到列出的替代方案或浏览 Grafana 插件目录以找到最适合您用例的选项的建议。
- 使用我们的开源工具 detect-angular-dashboards 来列出依赖于 Angular 插件的仪表盘。
- 检查您的 Grafana 实例是否使用了这些插件。请参阅有关浏览已安装插件的文档。
- Grafana Enterprise 的客户和 Grafana Cloud 的用户还可以利用使用情况洞察来优先进行任何迁移工作。
- 查看插件源代码仓库,为任何迁移问题添加您的支持,或考虑 fork 仓库。
注意
如果您想在此处为您的插件添加任何特定的迁移指南或更新我们的评估,请点击此页面底部的 Suggest an edit 提交 PR。
私有插件
Grafana OSS 和 Grafana Enterprise 支持创建私有插件以供本地实例使用。这些插件可能依赖于 AngularJS,需要进行更新。
如果 Grafana 版本是 v10.1.0 或更高,上面列出的 detect-angular-dashboards
工具将包含私有插件的报告。
此外,通过您本地实例中的 Administration > Plugins and Data > Plugins 浏览目录时,将显示警告图标和消息。
插件的自动迁移
当 Angular 支持被禁用时,某些遗留的 Grafana 面板插件会自动更新为其基于 React 的替代品。这种迁移通常在面板选项中可用,如下图所示的世界地图。通过将功能开关 autoMigrateOldPanels
设置为 true
,可以触发自动迁移。
下表中显示的插件支持自动迁移。每个目标插件都作为核心插件包含在 Grafana 中,无需安装。
插件 | 迁移目标 |
---|---|
Graph (旧) | 时间序列 |
Singlestat | 统计图 |
统计图 (旧) | 统计图 |
表格 (旧) | 表格 |
世界地图 | Geomap |
仪表盘仍需要使用新的插件 ID 保存才能保留更改。
基于 AngularJS 的插件
此表列出了我们检测到的依赖于 AngularJS 的插件。对于替代方案,请考虑包含的可视化和数据源,以及目录中的外部插件。
插件 ID | 名称 | 操作 |
---|---|---|
grafana-worldmap-panel | Worldmap 面板 | 迁移 - Geomap (核心) 替换了 Worldmap - 请注意,当 Angular 禁用时应该迁移。 |
natel-discrete-panel | Discrete | 迁移 - 浏览包含的可视化和插件目录以寻找潜在替代方案。 |
vonage-status-panel | 状态面板 | 迁移 - 考虑使用统计图 (核心) 或 Polystat 作为潜在替代方案。 |
grafana-simple-json-datasource | SimpleJson | 迁移 - 考虑使用Infinity 作为潜在替代方案。 |
natel-plotly-panel | Plotly | 迁移 - 考虑替代插件 nline-plotlyjs-panel。 |
agenty-flowcharting-panel | FlowCharting | 迁移 - 考虑使用Canvas (核心) 或 Diagram 作为潜在替代方案。 |
camptocamp-prometheus-alertmanager-datasource | Prometheus AlertManager | 更新 - 请注意 React 的最低版本为 2.0.0。 |
briangann-gauge-panel | D3 仪表盘 | 更新 - 请注意 React 的最低版本为 2.0.0。我们推荐最新版本。 |
yesoreyeram-boomtable-panel | Boom Table | 迁移 - 酌情考虑使用表格 (核心) 和转换。 |
briangann-datatable-panel | Datatable 面板 | 等待 - 计划发布具有 React 迁移的新版本。 |
flant-statusmap-panel | Statusmap | 迁移 - 浏览包含的可视化和插件目录以寻找潜在替代方案。 |
michaeldmoore-multistat-panel | Multistat | 迁移 - 浏览包含的可视化和插件目录以寻找潜在替代方案。 |
pr0ps-trackmap-panel | TrackMap | 迁移 - 浏览包含的可视化和插件目录以寻找潜在替代方案。 |
snuids-trafficlights-panel | Traffic Lights | 迁移 - 考虑使用Traffic Light 作为潜在替代方案。 |
vertamedia-clickhouse-datasource | ClickHouse 的 Altinity 插件 | 更新 - 请注意 React 的最低版本为 3.0.0。 |
petrslavotinek-carpetplot-panel | Carpet plot | 迁移 - 浏览包含的可视化和插件目录以寻找潜在替代方案。 |
ryantxu-ajax-panel | AJAX | 迁移 - 浏览包含的可视化和插件目录以寻找潜在替代方案。 |
michaeldmoore-annunciator-panel | Annunciator | 迁移 - 考虑使用统计图 (核心)。 |
marcuscalidus-svg-panel | SVG | 迁移 - 考虑替代方案,如Canvas (核心)、Colored SVG 或其他。 |
neocat-cal-heatmap-panel | Cal-HeatMap | 迁移 - 考虑使用包含的热力图可视化。 |
blackmirror1-singlestat-math-panel | Singlestat Math | 迁移 - 浏览包含的可视化和插件目录以寻找潜在替代方案。 |
scadavis-synoptic-panel | SCADAvis Synoptic Panel | 更新 - 请注意 React 的最低版本为 2.0。 |
farski-blendstat-panel | Blendstat | 迁移 - 酌情考虑使用统计图 (核心) 和转换。 |
savantly-heatmap-panel | 热力图 | 迁移 - 考虑使用包含的热力图可视化。 |
mtanda-histogram-panel | 直方图 | 迁移 - 考虑使用包含的直方图可视化。 |
snuids-radar-panel | Radar Graph | 迁移 - 浏览包含的可视化和插件目录以寻找潜在替代方案。 |
fatcloud-windrose-panel | WindRose | 迁移 - 考虑替代插件 Operator Windrose。 |
bessler-pictureit-panel | PictureIt | 迁移 - 考虑替代插件 ePict。 |
digrich-bubblechart-panel | Bubble Chart | 更新 - 请注意 React 的最低版本为 2.0.1。我们推荐最新版本。 |
corpglory-progresslist-panel | Progress List | 迁移 - 浏览包含的可视化和插件目录以寻找潜在替代方案。 |
aidanmountford-html-panel | HTML | 迁移 - 考虑替代方案,如文本 (核心)、HTML 或其他。 |
fifemon-graphql-datasource | GraphQL 数据源 | 等待 - 计划移除 AngularJS。考虑使用Infinity 插件作为替代。 |
goshposh-metaqueries-datasource | MetaQueries | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
mxswat-separator-panel | Separator | 迁移 - 考虑替代的文本面板 (核心),它可以为空并用作分隔符。 |
natel-influx-admin-panel | Influx Admin | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
doitintl-bigquery-datasource | Google BigQuery | 迁移 - 考虑使用Grafana Big Query 插件。 |
satellogic-3d-globe-panel | 3D Globe 面板 | 迁移 - 浏览包含的可视化和插件目录以寻找潜在替代方案。 |
foursquare-clouderamanager-datasource | Cloudera Manager | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
grafana-splunk-datasource | Splunk | 更新 - 请注意 React 的最低版本为 4.1.0。我们推荐最新版本。 |
grafana-singlestat-panel | Singlestat | 迁移 - 考虑使用统计图面板 (核心)。 |
blackmirror1-statusbygroup-panel | Status By Group 面板 | 迁移 - 浏览包含的可视化和插件目录以寻找潜在替代方案。 |
novalabs-annotations-panel | Annotation 面板 | 迁移 - 浏览包含的可视化和插件目录以寻找潜在替代方案。 |
jasonlashua-prtg-datasource | PRTG | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
ryantxu-annolist-panel | Annotation 列表 | 迁移 - 考虑使用标注列表 (核心)。 |
cloudflare-app | Cloudflare Grafana 应用 | 迁移 - 考虑使用 Cloudflare 仪表盘或 DNS Analytics API。 |
smartmakers-trafficlight-panel | TrafficLight | 迁移 - 考虑使用Traffic Light 作为潜在替代方案。 |
zuburqan-parity-report-panel | Parity Report | 迁移 - 浏览包含的可视化和插件目录以寻找潜在替代方案。 |
citilogics-geoloop-panel | GeoLoop | 迁移 - 浏览包含的可视化和插件目录以寻找潜在替代方案。 |
xginn8-pagerduty-datasource | Pagerduty | 等待 - 我们正在开发一个用于 Pagerduty 的 Enterprise 插件,预计将于 2024 年第一季度可用。请注意,所有路线图项目都可能发生变化。 |
gretamosa-topology-panel | Topology 面板 | 迁移 - 浏览包含的可视化和插件目录以寻找潜在替代方案。 |
fzakaria-simple-annotations-datasource | Simple Annotations | 迁移 - 检查您的数据源是否支持标注以移除对此插件的依赖。 |
oci-metrics-datasource | Oracle Cloud Infrastructure Metrics | 更新 - 请注意 React 的最低版本为 5.0.0。 |
abhisant-druid-datasource | Druid | 迁移 - 迁移到替代插件 Druid。 |
devopsprodigy-kubegraf-app | DevOpsProdigy KubeGraf | 迁移 - 考虑使用Grafana Kubernetes Monitoring (仅限 Grafana Cloud)。 |
mtanda-heatmap-epoch-panel | HeatmapEpoch | 迁移 - 考虑使用包含的热力图可视化。 |
alexandra-trackmap-panel | Track Map | 迁移 - 浏览包含的可视化和插件目录以寻找潜在替代方案。 |
gnocchixyz-gnocchi-datasource | Gnocchi | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
tencentcloud-monitor-app | Tencent Cloud Monitor | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
andig-darksky-datasource | DarkSky | 移除 - 请注意,Apple 于 2023 年 3 月停止支持 DarkSky API。 |
mtanda-google-calendar-datasource | GoogleCalendar | 等待 - 计划迁移到 React。 |
ntop-ntopng-datasource | ntopng | 迁移 - 考虑使用InfluxDB (核心),此处提供了额外指南。 |
ayoungprogrammer-finance-datasource | Finance | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
grafana-kairosdb-datasource | KairosDB | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
fastweb-openfalcon-datasource | Open-Falcon | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
praj-ams-datasource | Ambari Metrics | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
monasca-datasource | Monasca | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
grafana-strava-datasource | Strava | 更新 - 请注意 React 的最低版本为 1.6.0。我们推荐最新版本。 |
gridprotectionalliance-osisoftpi-datasource | OSIsoft-PI | 更新 - 请注意 React 的最低版本为 4.0.0。我们推荐最新版本。 |
monitoringartist-monitoringart-datasource | Monitoring Art | 迁移 - 浏览包含的可视化和插件目录以寻找潜在替代方案。 |
hawkular-datasource | Hawkular | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
ovh-warp10-datasource | Warp 10 | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
natel-usgs-datasource | USGS Water Services | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
radensolutions-netxms-datasource | NetXMS | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
ibm-apm-datasource | IBM APM | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
cognitedata-datasource | Cognite Data Fusion | 更新 - 请注意 React 的最低版本为 4.0.0。我们推荐最新版本。 |
linksmart-sensorthings-datasource | LinkSmart SensorThings | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
pue-solr-datasource | Solr | 迁移 - 考虑使用 solr-exporter for prometheus 的此指南。 |
paytm-kapacitor-datasource | KapacitorSimpleJson | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
oci-logs-datasource | Oracle Cloud Infrastructure Logs | 更新 - 请注意 React 的最低版本为 4.0.0。 |
gridprotectionalliance-openhistorian-datasource | openHistorian | 等待 - 请注意,计划发布具有 React 迁移的新版本。 |
devicehive-devicehive-datasource | DeviceHive | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
rackerlabs-blueflood-datasource | Blueflood | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
udoprog-heroic-datasource | Heroic | 迁移 - 请注意 Heroic DB 已停产。 |
akumuli-datasource | Akumuli | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
bmchelix-ade-datasource | BMC Helix | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
sidewinder-datasource | Sidewinder | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
linksmart-hds-datasource | LinkSmart HDS 数据源 | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
skydive-datasource | Skydive | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
quasardb-datasource | QuasarDB | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
spotify-heroic-datasource | Heroic | 迁移 - 请注意 Heroic DB 已停产。 |
grafana-es-open-distro-datasource | Open Distro for Elasticsearch | 迁移 - 请注意 OpenSearch 替换了 Open Distro for Elasticseach。 |
humio-datasource | Humio | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
yeya24-chaosmesh-datasource | Chaos Mesh | 迁移 - 请注意该插件已被 chaosmeshorg-datasource 替换。 |
kentik-connect-app | Kentik Connect Pro | 更新 - 请注意 React 的最低版本为 1.7.0。 |
chaosmeshorg-datasource | Chaos Mesh | 更新 - 请注意 React 的最低版本为 3.0.0。 |
aquaqanalytics-kdbadaptor-datasource | kdb+ | 迁移 - 请注意 kdb+ backend 替换了 kdb.+。 |
alexanderzobnin-zabbix-app | Zabbix | 更新 - 请注意 React 的最低版本为 4.3.0。我们推荐最新版本。最近已纳入 Grafana 签名。 |
bosun-app | Bosun | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
belugacdn-app | BelugaCDN | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
grafana-azure-data-explorer-datasource | Azure Data Explorer 数据源 | 更新 - 最低支持版本为 3.5.1。我们推荐最新版本。 |
ddurieux-glpi-app | glpi | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
fetzerch-sunandmoon-datasource | Sun and Moon | 更新 - 请注意 React 的最低版本为 0.3.0。 |
grafana-clock-panel | Clock | 更新 - 请注意 React 的最低版本为 1.1.0。我们推荐最新版本。 |
grafana-github-datasource | GitHub | 更新 - 请注意 React 的最低版本为 1.3.3。我们推荐最新版本。 |
grafana-datadog-datasource | Datadog | 更新 - 请注意 React 的最低版本为 3.0.0。我们推荐最新版本。 |
grafana-gitlab-datasource | Gitlab | 更新 - 请注意 React 的最低版本为 1.1.0。我们推荐最新版本。 |
grafana-iot-twinmaker-app | AWS IoT TwinMaker 应用 | 更新 - 请注意 React 的最低版本为 1.6.3。我们推荐最新版本。 |
grafana-newrelic-datasource | New Relic | 更新 - 请注意 React 的最低版本为 3.0.0。我们推荐最新版本。 |
grafana-opensearch-datasource | Opensearch | 更新 - 请注意 React 的最低版本为 2.0.0。我们推荐最新版本。 |
grafana-oracle-datasource | Oracle | 更新 - 请注意 React 的最低版本为 2.0.6。我们推荐最新版本。 |
grafana-piechart-panel | 饼状图 | 迁移 - 请注意 饼状图 (核心) 替换了 Pie Chart。 |
grafana-polystat-panel | Polystat | 更新 - 请注意 React 的最低版本为 2.0.0。我们推荐最新版本。 |
grafana-servicenow-datasource | ServiceNow | 更新 - 请注意 React 的最低版本为 2.0.2。我们推荐最新版本。 |
grafana-synthetic-monitoring-app | 合成监控 | 更新 - 请注意 React 的最低版本为 0.7.3。我们推荐最新版本。 |
grafana-wavefront-datasource | Wavefront | 更新 - 请注意 React 的最低版本为 2.0.0。我们推荐最新版本。 |
hadesarchitect-cassandra-datasource | Apache Cassandra | 更新 - 请注意 React 的最低版本为 2.1.1。我们推荐最新版本。 |
instana-datasource | Instana | 更新 - 请注意 React 的最低版本为 3.0.0。我们推荐最新版本。 |
jdbranham-diagram-panel | Diagram | 更新 - 请注意 React 的最低版本为 1.7.1。我们推荐最新版本。 |
larona-epict-panel | ePict | 更新 - 请注意 React 的最低版本为 2.0.0。我们推荐最新版本。 |
moogsoft-aiops-app | Moogsoft AIOps | 更新 - 请注意 React 的最低版本为 9.0.0。 |
opennms-helm-app | OpenNMS Helm | 迁移 - 请注意 OpenNMS Plugin for Grafana 替换了 OpenNMS Helm。 |
percona-percona-app | Percona | 迁移 - 考虑使用 Percona 仪表盘。 |
novatec-sdg-panel | 服务依赖图 | 更新 - 请注意 React 的最低版本为 4.0.3。 |
pierosavi-imageit-panel | ImageIt | 迁移 - 考虑使用 ePict 或浏览插件目录以寻找潜在替代方案。 |
redis-app | Redis Application | 更新 - 请注意 React 的最低版本为 1.2.0。我们推荐最新版本。 |
sbueringer-consul-datasource | Consul | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
simpod-json-datasource | JSON | 更新 - 请注意 React 的最低版本为 0.3.0。我们推荐最新版本。 |
singlestat | Singlestat | 迁移 - 请注意 统计图 (核心) 替换了 Singlestat。 |
sni-pnp-datasource | PNP | 更新 - 请注意 React 的最低版本为 2.0.0。我们推荐最新版本。 |
sni-thruk-datasource | Thruk | 更新 - 请注意 React 的最低版本为 2.0.0。我们推荐最新版本。 |
stagemonitor-elasticsearch-app | stagemonitor Elasticsearch | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
tdengine-datasource | TDengine 数据源 | 更新 - 请注意 React 的最低版本为 3.3.0。我们推荐最新版本。 |
vertica-grafana-datasource | Vertica | 更新 - 请注意 React 的最低版本为 2.0.0。我们推荐最新版本。 |
voxter-app | Voxter VoIP Platform Metrics | 迁移 - 浏览包含的数据源和插件目录以寻找潜在替代方案。 |
graph | Graph (旧) | 迁移 - 请注意这已被时间序列 (核心) 替换 - 当 Angular 禁用时,此插件应迁移。如果适用,也可以考虑柱状图或直方图。 |
table-old | 表格 (旧) | 迁移 - 请注意这已被表格 (核心) 替换 - 当 AngularJS 禁用时,此插件应迁移。 |
shorelinesoftware-shoreline-datasource | Shoreline 数据源 | 更新 - 请注意 React 的最低版本为 1.2.1。我们推荐最新版本。 |