You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

46 lines
778 B

<script>
import { HorizontalBar, mixins } from 'vue-chartjs'
const { reactiveProp } = mixins
export default {
extends: HorizontalBar,
mixins: [reactiveProp],
props: {
chartData: {
type: Object,
default: () => {},
required: true
}
},
data() {
return {
options: {
scales: {
yAxes: [
{
barPercentage: 0.3
}
],
xAxes: [
{
ticks: {
beginAtZero: true,
min: 0
}
}
]
},
maintainAspectRatio: false,
legend: {
display: false
}
}
}
},
mounted() {
this.renderChart(this.chartData, this.options)
}
}
</script>