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 🙏

© 2026 – Pkg Stats / Ryan Hefner

@vg-print/plugin-ele-echarts

v0.1.1

Published

ECharts runtime injection plugin for vg-print and hiprint.

Readme

@vg-print/plugin-ele-echarts

ECharts 外接插件,为 vg-print 注入 ECharts 运行时。

插件不会修改宿主的核心包,也不会在未注册时悄悄启用。需要使用图表时,在应用入口显式注册:

npm install @vg-print/plugin-ele-echarts

Vue 3/ vue2

import { hiprint } from './index'
import pluginEleEcharts from '@vg-print/plugin-ele-echarts'

hiprint.register({
  plugins: [pluginEleEcharts()]
})

注册成功后,运行时会提供:

window.echarts
window.__vgPrintEcharts
hiprint.__vgPrintEcharts

宿主项目仍需通过 provider 注册具体的图表元素,例如折线图、柱状图、饼图、雷达图、仪表盘、散点图和漏斗图。图表元素的 eChartsOption(options, templateData, echarts, chart) 可以使用注入的 ECharts 实例。

自定义 ECharts 构建

项目使用按需引入的 ECharts 构建时,可以把它传给插件:

import * as echarts from './echarts-runtime'
import pluginEleEcharts from '@vg-print/plugin-ele-echarts'

hiprint.register({
  plugins: [pluginEleEcharts({ echarts })]
})

默认情况下,插件会把运行时挂到 window.echarts。如果页面已有同名对象,可关闭覆盖:

pluginEleEcharts({
  globalName: 'vgEcharts',
  overwrite: false
})

API

  • pluginEleEcharts(options?):返回可传入 hiprint.register 的插件函数。
  • createEchartsPlugin(options?):创建带协议标识的插件描述对象。
  • getInjectedEcharts(target?):读取已经注入的 ECharts 实例。
  • echarts:包内默认 ECharts 运行时。

License

MIT