npmpackage.info

Gathering detailed insights and metrics for echarts-for-vue

Other packages similar to echarts-for-vue

vue-echarts

7.0.3

Vue.js component for Apache ECharts™.

vue-echarts-v3

2.0.1

Vue 2.0 component wrap for ECharts(v3.x)

nuxt-echarts

0.3.3

Nuxt Module for Apache ECharts™

vue3-echarts

1.1.0

Echarts binding for Vue 3

Gathering detailed insights and metrics for echarts-for-vue

echarts-for-vue - 1.4.1 | npmpackage.info

echarts-for-vue

📊 📈 ECharts wrapper component for Vue 3, 2 and TypeScript

1.4.1

Apache-2.0

JavaScript

1.27 kB

56,412 1.7

Installations

npm install echarts-for-vue

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

14.17.0

NPM Version

6.14.13 Score

52.7

Supply Chain

97.8

Quality

75.7

Maintenance

100

Vulnerability

99.3

License

Pull Requests

Open

0

Total

17

Closed

0

Merged

17

Issues

Open

1

Total

7

Closed

6

Releases

v1.4.1

Updated on Jun 08, 2021

v1.4.0

Updated on May 26, 2021

v1.3.0

Updated on May 04, 2021

v1.1.1

Updated on Jan 20, 2021

v1.0.2

Updated on Dec 16, 2020

v1.0.1

Updated on Oct 09, 2020

View All 7 releases

Languages

JavaScript

TypeScript

Vue

HTML

JavaScript (54.41%)

TypeScript (31.1%)

Vue (9.01%)

HTML (5.47%)

Developer

ambit-tsai

Download Statistics

Total Downloads

56,412

Last Day

Last Week

196

Last Month

785

Last Year

11,253

GitHub Statistics

Apache-2.0 License

81 Stars

75 Commits

11 Forks

5 Watchers

2 Branches

1 Contributors

Updated on May 26, 2025

Bundle Size

3.00 kB

Minified

1.27 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

1.4.1

Package Id

echarts-for-vue@1.4.1

Unpacked Size

81.45 kB

Size

18.08 kB

File Count

NPM Version

6.14.13

Node Version

14.17.0

Total Downloads

Cumulative downloads

Total Downloads

56,412

Last Day

-25%

Compared to previous day

Last Week

-1.5%

196

Compared to previous week

Last Month

-1.4%

785

Compared to previous month

Last Year

-5.1%

11,253

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

ECharts For Vue

📊📈 ECharts wrapper component for Vue 3, 2 and TypeScript

Features

Support for Vue 3 and 2;
Support auto resize;
Conform to the habits of Vue and ECharts users;
Provide pure function API, no side effects;
Lightweight encapsulation, easy to use;

Install

npm i -S echarts-for-vue

Usage

Vue 3

1import { createApp, h } from 'vue';
2import { plugin } from 'echarts-for-vue';
3import * as echarts from 'echarts';
4
5const app = createApp({ /*...*/ });
6app.use(plugin, { echarts, h });                        // use as a plugin

1<template>
2    <ECharts ref="chart" :option="option" />
3</template>
4
5<script>
6    import { createComponent } from 'echarts-for-vue';
7    import * as echarts from 'echarts';
8    import { h } from 'vue';
9
10    export default {
11        components: {
12            ECharts: createComponent({ echarts, h }),   // use as a component
13        },
14        data: () => ({
15            option: { /*...*/ },
16        }),
17        methods: {
18            doSomething() {
19                this.$refs.chart.inst.getWidth();       // call the method of ECharts instance
20            },
21        },
22    }
23</script>

Vue 2

1import Vue from 'vue';
2import { plugin } from 'echarts-for-vue';
3import * as echarts from 'echarts';
4
5Vue.use(plugin, { echarts });                           // use as a plugin

1<template>
2    <ECharts ref="chart" :option="option" />
3</template>
4
5<script>
6    import { createComponent } from 'echarts-for-vue';
7    import * as echarts from 'echarts';
8
9    export default {
10        components: {
11            ECharts: createComponent({ echarts }),      // use as a component
12        },
13        data: () => ({
14            option: { /*...*/ },
15        }),
16        methods: {
17            doSomething() {
18                this.$refs.chart.inst.getWidth();       // call the method of ECharts instance
19            },
20        },
21    }
22</script>

Global API

Definition	Return	Description
`createComponent`(options: Options): object	Component definition object	Create a component
`plugin`(app: Vue, options: Options): void		The installation method of plugin

Options

Property	Type	Default	Optional	Description
echarts	typeof echarts			The global object of ECharts library
h	Function		✔	The method `createElement` of Vue (Required for Vue 3)
ResizeObserver	typeof ResizeObserver	window.ResizeObserver	✔	When the global `ResizeObserver` doesn't exist, the polyfill provides support
name	string	"ECharts"	✔	The registered name of the component
deepWatchOption	boolean	true	✔	deep watch prop "option"

Instance Properties

Name	Type	ReadOnly	Description
inst	ECharts	✔	ECharts instance

props

Name	Type	Default	Reactive	Description
initTheme	object \| string		✔	The parameter `theme` of `echarts.init` method, see
initOpts	object		✔	The parameter `opts` of `echarts.init` method, see
loading	boolean	false	✔	Shows loading animation
loadingType	string	"default"		The parameter `type` of ECharts instance method `showLoading`, see
loadingOpts	EChartsLoadingOption			The parameter `opts` of ECharts instance method `showLoading`, see
option	EChartOption		✔	The parameter `option` of ECharts instance method `setOption`, see
optionOpts	EChartsOptionConfig			The parameter `opts` of ECharts instance method `setOption`, see
events	Arguments[]			An array element is the arguments of ECharts instance method `on`, see
autoResize	boolean	true	✔	Auto resize

Beyond the props above, the remaining properties are passed to the root element of the component, such as style, class or onclick

Events

Name	Description
resize	Trigger when chart is resized

methods

Definition	Description
`setOption`(option: EChartOption, opts?: EChartsOptionConfig): void	Call the method `setOption` of ECharts instance, see
`resize`(): void	Resize chart (Based on the size of root element)
`addResizeListener`(): void	Add "resize" listener
`removeResizeListener`(): void	Remove "resize" listener

Contact

WeChat: cai_fanwei
QQ: 854521460
QQ Group: 663286147
E-mail: ambit_tsai@qq.com

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

81 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc
Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9
Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25
Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5
Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
Warn: Project is vulnerable to: GHSA-3wcq-x3mq-6r9p
Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7
Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q
Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c
Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc
Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27
Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22
Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488
Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g
Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
Warn: Project is vulnerable to: GHSA-qrpm-p2h7-hrv2
Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5
Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp
Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq
Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr
Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765
Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g
Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr
Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w
Warn: Project is vulnerable to: GHSA-566m-qj78-rww5
Warn: Project is vulnerable to: GHSA-hwj9-h5mp-3pm3
Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
Warn: Project is vulnerable to: GHSA-9m6j-fcg5-2442
Warn: Project is vulnerable to: GHSA-hh27-ffr2-f2jc
Warn: Project is vulnerable to: GHSA-rqff-837h-mm52
Warn: Project is vulnerable to: GHSA-8v38-pw62-9cw2
Warn: Project is vulnerable to: GHSA-hgjh-723h-mx2j
Warn: Project is vulnerable to: GHSA-jf5r-8hm2-f872
Warn: Project is vulnerable to: GHSA-5j4c-8p2g-v4jx
Warn: Project is vulnerable to: GHSA-g3ch-rx76-35fx
Warn: Project is vulnerable to: GHSA-hc6q-2mpp-qw7j
Warn: Project is vulnerable to: GHSA-4vvj-4cpr-p986 / GHSA-64vr-g452-qvp3
Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6
Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v
Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h
Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693
Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
Warn: Project is vulnerable to: GHSA-fhv8-fx5f-7fxf
Warn: Project is vulnerable to: GHSA-qxrj-hx23-xp82
Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99
Warn: Project is vulnerable to: GHSA-ww39-953v-wcq6
Warn: Project is vulnerable to: GHSA-593f-38f6-jp5m
Warn: Project is vulnerable to: GHSA-x2rg-q646-7m2v
Warn: Project is vulnerable to: GHSA-mv48-hcvh-8jj8
Warn: Project is vulnerable to: GHSA-353f-5xf4-qw67
Warn: Project is vulnerable to: GHSA-9cwx-2883-4wfx
Warn: Project is vulnerable to: GHSA-vg6x-rcgg-rjx6
Warn: Project is vulnerable to: GHSA-x574-m823-4x7w
Warn: Project is vulnerable to: GHSA-4r4m-qw57-chr8
Warn: Project is vulnerable to: GHSA-xcj6-pq6g-qj4x
Warn: Project is vulnerable to: GHSA-356w-63v5-8wf4
Warn: Project is vulnerable to: GHSA-859w-5945-r5v3

Score

1.7

/10

Last Scanned on 2025-06-30

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to echarts-for-vue

Other packages similar to echarts-for-vue

echarts-for-vue

Installations

Developer Guide

No

CommonJS

14.17.0

6.14.13

Score

Pull Requests

0

17

0

17

Issues

1

7

6

Releases

Languages

Developer

ambit-tsai

Download Statistics

GitHub Statistics

Bundle Size

3.00 kB

1.27 kB

Maintainers

Package Meta Information

Total Downloads

56,412

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

ECharts For Vue

Features

Install

Usage

Global API

Options

Instance Properties

props

Events

methods

Contact

10

10

0

0

0

0

0

0

0

0

1.7

/10