npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@qn-pandora/visualization-sdk

v3.0.13

Published

可视化App基础依赖

Downloads

21

Readme

@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

提供平台的工具方法。