Quiero darle a mi eje X e Y un color específico ('#204623'), pero parece que no puedo encontrar la solución adecuada para vuechart-js.

Las soluciones para chart.js no parecen funcionar

Nota: El gráfico no tiene líneas de cuadrícula.

Así es como se ve mi código:

 render() { this.renderChart(this.data, { maintainAspectRatio: false, responsive: true, legend: {display: false}, tooltips: { enabled: true, backgroundColor: '#204623', bodyAlign: 'center', titleAlign: 'center', displayColors: false, callbacks: { label: ((tooltipItems, data) => { return tooltipItems.yLabel + ' gasten' }), } }, scales: { yAxes: [{ baseLineColor: '#204623', ticks: {display: false}, labelString: translation.get('system.amount'), gridLines: { display: false } }], xAxes: [{ baseLineColor: '#204623', position: 'bottom', gridLines: { display: false }, scaleLabel: { display: false, labelString: translation.get('system.time'), }, ticks: { display: false, } }], }, }) }