https://github.com/dhruuva/we-do-chart

vue chart library
https://github.com/dhruuva/we-do-chart

chart interactive js-chart line line-chart vue-chart vue-component vuejs

Last synced: 20 days ago
JSON representation

vue chart library

• Host: GitHub
• URL: https://github.com/dhruuva/we-do-chart
• Owner: Dhruuva
• Created: 2021-03-10T08:08:08.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-11-20T11:53:13.000Z (about 2 years ago)
• Last Synced: 2024-10-31T10:05:55.264Z (20 days ago)
• Topics: chart, interactive, js-chart, line, line-chart, vue-chart, vue-component, vuejs
• Language: JavaScript
• Homepage: https://dhruuva.github.io/we-do-chart/.
• Size: 11 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![npm](https://img.shields.io/npm/v/we-do-chart?color=green)

![npm](https://img.shields.io/npm/dw/we-do-chart)

#  we-do-chart

A we-do-chart Vue component. Compatible with Vue 2.x 

For more info about features, demonstration , customization options see the [project pages](https://dhruuva.github.io/we-do-chart/)

##  Project setup

In vue app  just do it.( if project has no vue.js just add it to the dependencies before next step  )

```

npm install we-do-chart --save

```

and in your page add it to the components in vue instance

``` javascript

import WeDoChart from "we-do-chart";

import "we-do-chart/we-do-chart.min.css";

export default {

	name: "Your vue page",

	components: {

		'we-do-chart':WeDoChart

	},

	data: () => ({

		chartdata: [  {name:'Chart Name',data:[...] }, ]

	})

   

};

```

Or use directly from a CDN

``` html



	
My Chart

	


		

	



	new Vue({

		el: '#your_page',

		components: {

		  	'we-do-chart':WeDoChart

		},

		data: () => ({

			chartdata: [  {name:'Chart Name',data:[...] }, ]

		}),

		

	})

```

# try it

Go [we-do-chart](https://codepen.io/dhruuva/pen/VwjNyjG) by Aleksey Bazhenov

  ([@dhruuva](https://codepen.io/dhruuva)) on [CodePen](https://codepen.io).