1.0.3 • Published 8 years ago
contributions-chart v1.0.3
contributions-chart
A contributions record imitated github
Installation
Using npm
npm i --save contributions-chartES2015
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
| Prop | Description |
|---|---|
| year | Which year e.g. 2017 |
| cellSize | Size of every single cell(default: 14px) |
| width | Width of chart(default: adapt to content) |
| height | Height of chart(default: adapt to content) |
| interval | Interval of cells(default: 1px) |
| textFontsize | Font size of leftside text |
| contributions | Array |
Result
