https://github.com/ElemeFE/v-charts

基于 Vue2.0 和 ECharts 封装的图表组件📈📊
https://github.com/ElemeFE/v-charts

echarts vue

Last synced: about 2 months ago
JSON representation

基于 Vue2.0 和 ECharts 封装的图表组件📈📊

• Host: GitHub
• URL: https://github.com/ElemeFE/v-charts
• Owner: ElemeFE
• License: mit
• Created: 2017-05-18T16:02:14.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-08-10T05:07:29.000Z (4 months ago)
• Last Synced: 2024-10-17T20:55:09.249Z (about 2 months ago)
• Topics: echarts, vue
• Language: JavaScript
• Homepage: https://v-charts.js.org
• Size: 3.86 MB
• Stars: 6,800
• Watchers: 140
• Forks: 1,987
• Open Issues: 355
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-frontend - v-charts - Chart components based on Vue2.x and Echarts.  (Repository / Data Visualization)
• awesome-made-by-chinese - v-charts

README

        






v-charts




  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  





  

    Document

  

   | 

  

    Sample Project

  

   | 

  

    English

  

   | 

  

    中文

  



> 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

  


    

  


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 }

        ]

      }

    }

  }

}

```

## 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)