Estamos enfrentando un problema al implementar el símbolo "€" para la moneda, para "$" funciona bien. Fragmento de código: funciona bien con el siguiente código:

 import { D3BarChart } from 'vue-d3-charts'; export default { name: "D3Chart", components: { D3BarChart, }, props: { aemdata: { type: Object, required: true, }, billingdata: { type: Object, required: true, }, }, data() { return { topUpColor : '#D3D3D3', deductionColor : '#696969', chart_config: { key: 'monthYear', values: ['topUp', 'deduction'], axis: { yTicks: 10, yFormat: '$', }, color: { keys: { 'topUp': '#D3D3D3', 'deduction': '#696969', }, }, }, }; }, }

Captura de pantalla de trabajo:

Pero cuando estamos usando el siguiente código:

 import { D3BarChart } from 'vue-d3-charts'; export default { name: "D3Chart", components: { D3BarChart, }, props: { aemdata: { type: Object, required: true, }, billingdata: { type: Object, required: true, }, }, data() { return { topUpColor : '#D3D3D3', deductionColor : '#696969', chart_config: { key: 'monthYear', values: ['topUp', 'deduction'], axis: { yTicks: 10, yFormat: '€', }, color: { keys: { 'topUp': '#D3D3D3', 'deduction': '#696969', }, }, }, }; }, }

Está arrojando el siguiente error

"Ocurrió un error al mostrar la página de error Lamentablemente ocurrió un error y al mostrar la página de error ocurrió otro error

Detalles del error: TypeError: this.chart.destroyChart no es una función

Vuelve a casa"