2a34255e0b
Co-authored-by: Subin <subinthattaparambil@gmail.com> Co-authored-by: Manoj <manojmj92@gmail.com> Co-authored-by: Nithin <webofnithin@gmail.com>
36 lines
702 B
JavaScript
36 lines
702 B
JavaScript
import { Bar } from 'vue-chartjs';
|
|
|
|
const fontFamily = '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif';
|
|
|
|
export default Bar.extend({
|
|
props: ['collection'],
|
|
mounted() {
|
|
this.renderChart(this.collection, {
|
|
// responsive: true,
|
|
maintainAspectRatio: false,
|
|
legend: {
|
|
labels: {
|
|
fontFamily,
|
|
},
|
|
},
|
|
scales: {
|
|
xAxes: [
|
|
{
|
|
barPercentage: 1.9,
|
|
ticks: {
|
|
fontFamily,
|
|
},
|
|
},
|
|
],
|
|
yAxes: [
|
|
{
|
|
ticks: {
|
|
fontFamily,
|
|
},
|
|
},
|
|
],
|
|
},
|
|
});
|
|
},
|
|
});
|