@qn-pandora/visualization-sdk
TypeScript icon, indicating that this package has built-in type declarations

3.0.13 • Public • Published

@qn-pandora/visualization-sdk

Pandora 平台实现自定义可视化 App 基础库,主要实现 VisualizationBase、VisualizationUtils .

VisualizationBase

该类为绘图的核心类,作为平台与自定义逻辑沟通的桥梁。提供大量的生命周期方法,通过重载这些方法来实现自定义图表逻辑。其中 updateView 为必须实现的方法,其它可选。

相关方法介绍

initialize

自定义初始化逻辑

getInitialDataParams

定义初始化参数,根据参数决定 App 中获取到的数据格式

返回结构

{
  "outputMode": "json_cols",
  "count": 100
}
  • outputMode: 数据格式,支持json_cols, json_rows, json,
  • count: 返回的数据量

formatData

对获取到的数据进行格式化,在 updateView 前执行

参数:

  • data: 获取到的数据

返回值:

  • data: format 后的数据

updateView

实现图表渲染逻辑,图表数据或图表样式发生变化时执行

参数:

  • data:formatData 格式化后的数据
  • config: 当前图表配置

reflow

图表容器发生变化时执行

onConfigChange

样式配置变化时执行,在 updateView 前执行

remove

回收资源,在图表销毁时执行

element(属性)

VisualizationBase 中包含挂载可视化图表的 dom 元素,可通过 this.element获取。

el(属性)

VisualizationBase 中包含挂载可视化图表的 dom 元素的 id,可通过 this.el获取。

VisualizationUtils

提供平台的工具方法。

/@qn-pandora/visualization-sdk/

    Package Sidebar

    Install

    npm i @qn-pandora/visualization-sdk

    Weekly Downloads

    18

    Version

    3.0.13

    License

    ISC

    Unpacked Size

    60.5 kB

    Total Files

    40

    Last publish

    Collaborators

    • tianxiumei
    • lansefengxinzi
    • csu-feizao
    • pandora_qiniu