46 lines
802 B
JavaScript
46 lines
802 B
JavaScript
import { Bar } from 'vue-chartjs';
|
|
|
|
const fontFamily =
|
|
'-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif';
|
|
|
|
const chartOptions = {
|
|
responsive: true,
|
|
maintainAspectRatio: false,
|
|
legend: {
|
|
labels: {
|
|
fontFamily,
|
|
},
|
|
},
|
|
scales: {
|
|
xAxes: [
|
|
{
|
|
barPercentage: 1.1,
|
|
ticks: {
|
|
fontFamily,
|
|
},
|
|
gridLines: {
|
|
drawOnChartArea: false,
|
|
},
|
|
},
|
|
],
|
|
yAxes: [
|
|
{
|
|
ticks: {
|
|
fontFamily,
|
|
beginAtZero: true,
|
|
},
|
|
gridLines: {
|
|
drawOnChartArea: false,
|
|
},
|
|
},
|
|
],
|
|
},
|
|
};
|
|
|
|
export default {
|
|
extends: Bar,
|
|
props: ['collection'],
|
|
mounted() {
|
|
this.renderChart(this.collection, chartOptions);
|
|
},
|
|
};
|