介绍
Kibana-Riya 是一个帮助 web 开发者在 Kibana 中定义自定义视图的 Node.js 模块。其提供了一些有用的功能，如可拖动的 UI 支持和插件开发包。
在本教程中，我们将介绍如何使用 Kibana-Riya 来创建自定义的 Kibana 视图。
安装
要安装 Kibana-Riya，我们需要使用 npm 命令：
npm install kibana-riya
现在，我们已经成功地安装了 Kibana-Riya 模块，并可以在我们的项目中使用它。
使用
在使用 Kibana-Riya 之前，您需要打开 Kibana Dev Tools Console 并键入以下命令：
npm install -g kibana-cli
这将安装 Kibana CLI 工具，它将使我们能够轻松地管理 Kibana 插件和视图。
创建 Kibana 视图
现在我们已经安装了 Kibana-Riya 和 Kibana CLI 工具，我们可以开始创建我们的 Kibana 视图。
首先，我们需要在我们的项目中创建一个新的目录并cd进去：
mkdir my-riya-pie-chart cd my-riya-pie-chart
接下来，我们需要使用 Kibana CLI 工具来创建一个 Riya 应用程序：
kibana generate riya
这将使用 Riya 插件模板生成一个新的 Riya 应用程序。然后，我们可以cd进入新生成的应用程序目录：
cd my-riya-pie-chart
现在，我们应该在 src/public 目录下看到一个名为 index.ts 的文件。这是我们的 Kibana 视图的入口点。我们可以在这个文件中使用 Riya 数据可视化 API 来创建我们自己的可视化视图。
让我们看一下如何使用 Riya 数据可视化 API 来创建一个简单的饼图。
-- -------------------- ---- -------
------ - ------------------------- - ---- ---------------------------------------------
------ - ---- - ---- ------------
------ - --------- - ---- ------------------------------------------------------------------
------ - ------------ ------- - ---- ---------------------------------------------
------ ----- ---------- ------- ------------------------- -
------ ----------- - ---------------
------- ---- ----
------------- -
--------
-
----- ----------
-------- ------------
---------- ----------
-------- -------
-- -------------------- -
-------- - ------------------------------------------
--------
----------
--------
---------- -------------------------
---
------ ----------- ---- -- -
------ ---------------------------------------
--
-
--------- -
-- ---------- -
-------------------
-
-
------ --- ------------- -
------ ------------------------------------------------------ -
--------------- -- ------ --- ----- ------ --- -------
---
-
-在这个代码示例中，我们创建了一个名为 MyPieChart 的可视化类，它继承了 Riya 中的 BaseVisualizationProvider 类。我们还定义了一个 createVis 方法，它将在可视化插件创建时调用。在这种情况下，我们创建了一个基于 React 的可视化组件，并将其添加到页面上。最后，我们还提供了一个 destroy 方法来销毁可视化插件。
注册 Kibana 视图
现在我们可以使用 Kibana CLI 工具来注册我们的可视化插件。我们可以使用以下命令：
kibana riya:add my_pie_chart ./src/public/index.ts
其中，my_pie_chart 是我们为可视化插件指定的名称。./src/public/index.ts 则是插件的入口文件。
使用 Kibana 视图
现在，我们已经成功地创建了一个新的 Kibana 视图，并将其添加到 Kibana 中。我们可以在 Kibana UI 中使用我们的视图来可视化我们的数据。只需在可视化面板中选择 My Pie Chart 即可查看我们的自定义饼图。
总结
到目前为止，我们已经学习了如何使用 Kibana-Riya 和 Kibana CLI 工具来创建自定义的 Kibana 视图，并将其添加到 Kibana 中。Kibana-Riya 提供了一些强大的功能，使我们能够定制我们的 Kibana UI，并根据我们的需求创建自定义的可视化插件。
完整示例代码可在此处获取。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d2981e8991b448dadef