1.0.3 • Published 7 years ago

contributions-chart v1.0.3

Weekly downloads
8
License
MIT
Repository
github
Last release
7 years ago

contributions-chart

A contributions record imitated github

Installation

Using npm

npm i --save contributions-chart

ES2015

import { VueContributionsChart } from 'contributions-chart'

Usage

<vue-contributions-chart :contributions="contributions"></vue-contributions-chart>
new Vue({
  el: '#app',
  data: {
    contributions: [
      {
        date: '2017-03-04',
        value: 3
      },
      {
        date: '2017-11-05',
        value: 10
      }
    ]
  }
});

Props

PropDescription
yearWhich year e.g. 2017
cellSizeSize of every single cell(default: 14px)
widthWidth of chart(default: adapt to content)
heightHeight of chart(default: adapt to content)
intervalInterval of cells(default: 1px)
textFontsizeFont size of leftside text
contributionsArray

Result

npm.io

1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago