Apache Zeppelin可视化插件开发入门指南-优快云博客

Apache Zeppelin可视化插件开发入门指南

zeppelin apache/zeppelin: 这是一个开源的数据分析平台，用于协作式数据分析、可视化和笔记本共享。它允许开发者创建和共享笔记本，其中包含数据预处理、分析和可视化步骤。适合数据分析师和数据科学家。项目地址: https://gitcode.com/gh_mirrors/zeppe/zeppelin

什么是Apache Zeppelin可视化插件

Apache Zeppelin的可视化插件是一种可通过扩展框架在运行时动态加载/卸载的插件包。这类插件本质上是一个JavaScript npm包，用户可以在笔记本中使用它们，就像使用内置的可视化功能一样。

核心工作原理

1. 从注册表加载扩展包文件

Zeppelin需要知道有哪些可视化插件可用。它会从在线和本地注册表中读取包信息。注册表位置可通过环境变量或配置文件指定。

2. 启用插件包

当Zeppelin从注册表加载扩展包文件后，可用包会显示在扩展菜单中。用户只需点击"启用"按钮即可激活插件。

3. 动态创建和加载可视化包

插件启用后，系统会通过扩展BundleFactory创建JS包，并通过REST API端点提供服务。

4. 使用可视化插件

Zeppelin会为已加载的可视化插件显示额外按钮，用户可以像使用内置可视化一样使用这些插件。

开发新可视化插件步骤详解

1. 创建npm包

在项目目录中创建package.json文件，必须包含以下两个依赖项：

zeppelin-vis：提供可视化基类
zeppelin-tabledata：提供表格数据处理功能

示例配置：

{
  "name": "zeppelin_horizontalbar",
  "description": "横向条形图",
  "version": "1.0.0",
  "main": "horizontalbar",
  "license": "Apache-2.0",
  "dependencies": {
    "zeppelin-tabledata": "*",
    "zeppelin-vis": "*"
  }
}

2. 实现可视化类

创建一个JS文件，继承zeppelin-vis提供的Visualization基类。关键方法包括：

import Visualization from 'zeppelin-vis'
import PassthroughTransformation from 'zeppelin-tabledata/passthrough'

export default class helloworld extends Visualization {
  constructor(targetEl, config) {
    super(targetEl, config)
    this.passthrough = new PassthroughTransformation(config);
  }

  render(tableData) {
    // 这里是核心渲染逻辑
    this.targetEl.html('Hello world!')
  }

  getTransformation() {
    return this.passthrough
  }
}

3. 创建扩展包描述文件

这是一个JSON文件，包含插件元信息：

{
  "type": "VISUALIZATION",
  "name": "zeppelin_horizontalbar",
  "description": "横向条形图(示例)",
  "license": "Apache-2.0",
  "artifact": "./path/to/your/package",
  "icon": "<i class='fa fa-bar-chart rotate90flipX'></i>"
}

各字段说明：