Tengo el siguiente problema, estoy pasando unos valores que recojo en inputs y los paso a un array, para después pasarselo al objeto que le pasaré a series. El problema es el siguiente solo me muestra el último objeto ya que no itera. He intentado de todo, pero no lo consigo, el código de la api viene de la siguente manera por defecto:
series: [44, 55, 41, 17, 15];
chartOptions: {
labels: ["Apple", "Mango", "Orange", "Watermelon"];
}
Yo quiero pasarle a series un array o un objeto, pero no se me ocurre como, mi código es así:
function graficoPorcentajes() {
baseDeDatos = [2489, 1256, 700];
let series = {};
let claves;
for (var i = 0; i < baseDeDatos.length; i++) {
series = { precio: baseDeDatos[i] };
claves = Object.values(series); // Muestra los valores numericos me voy apilando en el array (revisado en consola)
var options = {
series: [claves], // solo me muestra el último valor
chart: {
width: "100%",
type: "pie",
},
labels: ["Credito", "Comida", "Facturas"], // cuando solucione los valores numericos mostrare aqui los conceptos
theme: {
monochrome: {
enabled: true,
},
},
plotOptions: {
pie: {
dataLabels: {
offset: -5,
},
},
},
title: {
text: "GRAFICO DE GASTOS",
},
dataLabels: {
formatter(val, opts) {
const name = opts.w.globals.labels[opts.seriesIndex];
return [name, val.toFixed(1) + "%"];
},
},
legend: {
show: false,
},
};
}
return options;
}
Tengo poca experiencia con JS, pido disculpas si no he sido lo suficiente claro. Os dejo el link de este grafico: