@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

提供平台的工具方法。

Dependents (3)

Package Sidebar

Install

npm i @qn-pandora/visualization-sdk

Weekly Downloads

0

Version

3.0.13

License

ISC

Unpacked Size

60.5 kB

Total Files

40

Last publish

Collaborators

  • tianxiumei
  • lansefengxinzi
  • csu-feizao
  • pandora_qiniu