Vue Echarts V3

screenshot of Vue Echarts V3
vue

Vue.js(v2.x+) component wrap for ECharts.js(v3.x+)

Overview

The vue-echarts-v3 is a Vue.js component designed to wrap Apache ECharts (incubating) v3.x+ for use in Vue.js v2.x+ applications. It offers lightweight and efficient integration of ECharts.js charts and components with on-demand binding events and support for component resize event auto-update view.

Features

  • Lightweight: The component provides a lightweight integration of ECharts.js charts and components.
  • On-demand binding events: It supports binding events only when needed, improving efficiency.
  • Importing ECharts.js charts and components on demand: The component allows for importing ECharts.js charts and components as needed, reducing bundle size.
  • Support for component resize event auto update view: The component automatically updates the view when a resize event is triggered on the component.

Summary

The vue-echarts-v3 is a Vue.js component that wraps Apache ECharts v3.x+, providing a lightweight and efficient way to integrate ECharts.js charts and components into Vue.js applications. It offers on-demand binding events, support for importing ECharts.js charts and components as needed, and automatic view updates on component resize events. The installation process involves configuring the webpack, importing the necessary modules, and setting up component properties and styles. Various properties are available for customization, such as initOpts, theme, option, group, notMerge, lazyUpdate, loading, and resizable.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.