Skip to content
Simple and lightweight vue chart component without using chart library dependencies
Vue JavaScript HTML
Branch: master
Clone or download
Latest commit af66ed1 Sep 9, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Added multilanguage support for months Sep 7, 2019
babel.config.js feat(init): Initiate it Jun 10, 2019
vue.config.js Merge pull request #1 from djaxho/feat-y-axis Jun 30, 2019

Pure Vue Chart

A simple and lightweight vue component for making charts that do not rely on large chart libraries and will not bloat your dependencies




When propes are updated the graph will automatically animate to the new values.


npm i pure-vue-chart

Import it:

import PureVueChart from 'pure-vue-chart';

Register it in your component:

components: {

Use it



To further control the display of data, you can use simple props to manipulate the charts. Here are some examples:

Most of the available props below are self-explanatory:

:months="['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez']"

Notes on x-axis labels:

X-axis labels, by default will be from 1 - length-of-data. But you can automatically use Months by using the prop `:use-month-labels="true"`. Or you can provide the data as an array of objects, each with a `value` and `label` like so:

:points=[{label: 'N', value: 41.1}, {label: 'NW', value: 1}, {label: 'W', value: 15}]


I'm open to any issues or pull requests so long as they are simple, easy to read, use the eslint settings in package.json, and follow commitizen-esque style commit formats. Just open an issue on github and start a discussion. - pure-vue-chart issues -

Authors or Acknowledgments

  • Danny Jackson

List of features

  • Simple bar charts
  • Line charts (planned)
  • Pie charts (planned)
  • Rose charts (planned)


This project is licensed under the MIT License but please create pull requests to improve this package together rather that copying itto another project.

You can’t perform that action at this time.