/grafana-jsx-panel

A JSX real-time rendering grafana panel plugin. / 一个支持 JSX 实时渲染的 grafana 面板插件

Primary LanguageTypeScriptApache License 2.0Apache-2.0

Grafana Jsx Panel

一个 jsx 实时渲染的 grafana 面板插件

demo

Feature

  • 基于 @babel/standalone 实时转码，可通过 jsx 语法写 react 组件方式来自定义面板
  • 可直接使用 @grafana/ui 组件库

Usage

集成到自己托管的 grafana

  1. Grafana view index.html 中引入 babel/standalone cdn
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
  1. Build plugin
$ npm install
$ npm run build
  1. Copy dist/ 目录到自托管 grafana 的插件目录

Local Development

$ npm install

// 启动插件
$ npm run dev

// 启动 grafana 容器
$ npm run server