Add a bar chart to a Vue 2 admin dashboard by passing column-and-row data without writing ECharts config objects.
Build a data visualization page with multiple chart types, importing only the specific chart components you need to keep bundle size small.
Replace a complex ECharts setup with v-charts to reduce the amount of configuration code in a Vue 2 project.
Embed a responsive pie chart into a Vue 2 component that supports both desktop and IE 10.
| elemefe/v-charts | fex-team/ueditor | shentao/vue-multiselect | |
|---|---|---|---|
| Stars | 6,774 | 6,772 | 6,776 |
| Language | JavaScript | JavaScript | JavaScript |
| Setup difficulty | easy | easy | easy |
| Complexity | 2/5 | 2/5 | 2/5 |
| Audience | developer | developer | developer |
Figures from each repo's GitHub metadata at analysis time.
Both v-charts and ECharts must be installed as separate npm packages.
v-charts is a JavaScript library created by the Ele.me frontend team (the company behind a large Chinese food delivery platform) that makes it easier to add charts to web apps built with Vue 2. It sits on top of ECharts, a widely used charting library from Baidu, and wraps it in a simpler interface that fits naturally into Vue's way of building pages. The main thing v-charts adds is a consistent, straightforward way to pass data to charts. Rather than writing the detailed configuration objects that ECharts normally requires, you provide data in a table-like format with column names and rows of values. The library handles the conversion from that simple format into whatever internal structure ECharts needs to render the chart correctly. It supports the standard chart types that ECharts offers, including line charts, bar charts, pie charts, and others. Each chart type is packaged as a separate Vue component, so you can import only the chart types your project actually uses instead of pulling in the entire library at once, which helps keep the final page size smaller. The library supports modern browsers and Internet Explorer 10 and above, on both desktop and mobile. Installation is done through npm and requires both v-charts and ECharts to be installed as separate packages. The project is released under the MIT license. The README is brief and points to a dedicated documentation site and a CodeSandbox example for getting started quickly.
A Vue 2 charting library from Ele.me that wraps ECharts with a simpler table-style data format, letting you add line, bar, pie, and other charts without writing ECharts' complex configuration objects.
Mainly JavaScript. The stack also includes JavaScript, Vue.js, ECharts.
Use freely for any purpose, including commercial use, MIT license.
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
Verify against the repo before relying on details.