Łukasz Holeczek
46 lines
850 B
Vue
46 lines
850 B
Vue
<script>
|
|
import { Line } from 'vue-chartjs'
|
|
|
|
const datasets = [
|
|
{
|
|
label: 'My First dataset',
|
|
backgroundColor: 'rgba(255,255,255,.2)',
|
|
borderColor: 'rgba(255,255,255,.55)',
|
|
data: [78, 81, 80, 45, 34, 12, 40]
|
|
}
|
|
]
|
|
|
|
export default Line.extend({
|
|
props: ['height'],
|
|
mounted () {
|
|
this.renderChart({
|
|
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
|
|
datasets: datasets
|
|
}, {
|
|
maintainAspectRatio: false,
|
|
legend: {
|
|
display: false
|
|
},
|
|
scales: {
|
|
xAxes: [{
|
|
display: false
|
|
}],
|
|
yAxes: [{
|
|
display: false
|
|
}]
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderWidth: 2
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
hitRadius: 10,
|
|
hoverRadius: 4
|
|
}
|
|
}
|
|
})
|
|
}
|
|
})
|
|
</script>
|