# v-charts

> Vue Echarts Components

Latest version **1.19.0** (published 2018-11-02) · MIT license · 0 weekly downloads

## Install

```sh
npm install v-charts
pnpm add v-charts
yarn add v-charts
bun add v-charts
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.19.0 |
| Published | 2018-11-02 |
| First published | 2017-05-12 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 5 |
| Unpacked size | 1.8 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 6747 |
| Author | xiguaxigua |
| Maintainers | quietcoder |
| Keywords | vue, echarts |

## Links

- npm: https://www.npmjs.com/package/v-charts
- Repository: https://github.com/ElemeFE/v-charts
- Homepage: https://v-charts.js.org
- Issues: https://github.com/ElemeFE/v-charts/issues
- npm.io page: https://npm.io/package/v-charts

## Dependencies (5)

- [numerify](https://npm.io/package/numerify.md) 1.2.9
- [utils-lite](https://npm.io/package/utils-lite.md) 0.1.10
- [echarts-amap](https://npm.io/package/echarts-amap.md) 1.0.0-rc.6
- [echarts-wordcloud](https://npm.io/package/echarts-wordcloud.md) ^1.1.3
- [echarts-liquidfill](https://npm.io/package/echarts-liquidfill.md) ^2.0.2

## Alternatives

- [d3-force-3d](https://npm.io/package/d3-force-3d.md) — 1.0M weekly downloads
- [ng2-charts](https://npm.io/package/ng2-charts.md) — 486.8K weekly downloads
- [@arcgis/core](https://npm.io/package/@arcgis/core.md) — 257.8K weekly downloads
- [react-sparklines](https://npm.io/package/react-sparklines.md) — 249.3K weekly downloads
- [react-native-gifted-charts](https://npm.io/package/react-native-gifted-charts.md) — 182.3K weekly downloads

## Recent versions

- 1.19.0 (latest) — 2018-11-02
- 1.18.0 — 2018-10-15
- 1.17.10 — 2018-08-10
- 1.17.9 — 2018-07-30
- 1.17.8 — 2018-07-11
- 1.17.7 — 2018-07-10
- 1.17.6 — 2018-06-26
- 1.17.5 — 2018-06-25
- 1.17.4 — 2018-06-22
- 1.17.3 — 2018-06-19
- 1.17.2 — 2018-06-18
- 1.17.1 — 2018-06-16
- 1.17.0 — 2018-06-15
- 1.16.30 — 2018-06-15
- 1.16.29 — 2018-06-14
- … 118 more at https://npm.io/package/v-charts/versions

## README

<p align="center">
<img src="./examples/favicon.ico" alt="mark text" width="100" height="100">
</p>

<h3 align="center">v-charts</h3>

<p align="center">
  <a href="https://travis-ci.org/ElemeFE/v-charts">
    <img src="https://travis-ci.org/ElemeFE/v-charts.svg?branch=master" alt="Build Status">
  </a>
  <a href="https://npmjs.org/package/v-charts">
    <img src="http://img.shields.io/npm/dm/v-charts.svg" alt="NPM downloads">
  </a>
  <a href="https://www.npmjs.org/package/v-charts">
    <img src="https://img.shields.io/npm/v/v-charts.svg" alt="Npm package">
  </a>
  <a>
    <img src="https://img.shields.io/badge/language-javascript-yellow.svg" alt="Language">
  </a>
  <a>
    <img src="https://img.shields.io/badge/license-MIT-000000.svg" alt="License">
  </a>
  <a href="https://gitter.im/ElemeFE/v-charts?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge">
    <img src="https://badges.gitter.im/ElemeFE/v-charts.svg" alt="Join the chat">
  </a>
</p>

<p align="center">
  <a href="https://v-charts.js.org/#/en/">
    Document
  </a>
  <span> | </span>
  <a href="https://codesandbox.io/s/z69myovqzx">
    Sample Project
  </a>
  <span> | </span>
  <a>
    English
  </a>
  <span> | </span>
  <a href="./README_CN.md">
    中文
  </a>
</p>

> Chart components based on Vue2.x and Echarts

## Features
- **Uniform data format:** Use an uniform data format that both convient for frontend and backend, and also easy to create and edit.
- **Simplified configuration:** With simplified configuration items, complex requirements can be easily implemented.
- **Simple customization:** Provide a variety of custom Echarts way, you can easily set the chart options.

## Support

Modern browsers and Internet Explorer 10+, include pc and mobile browser.

## Install

```
npm i v-charts echarts -S
```

## Start

```html
<template>
  <div>
    <ve-line :data="chartData"></ve-line>
  </div>
</template>

<script>
import VeLine from 'v-charts/lib/line.common'
export default {
  components: { VeLine },
  data () {
    return {
      chartData: {
        columns: ['date', 'PV'],
        rows: [
          { 'date': '01-01', 'PV': 1231 },
          { 'date': '01-02', 'PV': 1223 },
          { 'date': '01-03', 'PV': 2123 },
          { 'date': '01-04', 'PV': 4123 },
          { 'date': '01-05', 'PV': 3123 },
          { 'date': '01-06', 'PV': 7123 }
        ]
      }
    }
  }
}
</script>
```

## Changelog

Detailed changes for each release are documented in the [release notes](https://github.com/ElemeFE/v-charts/releases) or [ChangeLog](./CHANGELOG.md).

## Contribution

Please make sure to read the [Contributing Guide](./CONTRIBUTING.md) before making a pull request.

## License

[MIT](http://opensource.org/licenses/MIT)

---
_Source: https://npm.io/package/v-charts · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._