1.0.3 • Published 7 years ago
contributions-chart v1.0.3
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
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 |