JavaScript - Chart.js agregar separador de miles

 
Vista:

Chart.js agregar separador de miles

Publicado por Seba (2 intervenciones) el 15/09/2021 21:50:42
Buenas tardes, actualmente el código me permite crear mediante consultas que se realizan en otra pestaña, un grafico con la información que se almaceno entre distintas fechas en una base de datos.
Me gustaría agregarle un separador de miles para que se vea mas formal o esa es la idea.
Disculpándome por las molestias, les agradezco por su tiempo.


function index() {
this.ini = function () {
console.log("Iniciando...");
this.getDatosGraficas();
}

this.getDatosGraficas = function () {
$.ajax({
statusCode: {
404: function () {
console.log("Esta página no existe");
}
},
url: 'servidor.php',
method: 'POST',
data: {
rq: "1"
}
}).done(function (datos) {
//La lógica
if (datos != '') {
let etiquetas = new Array();
let tPrecio = new Array();
let coloresP = new Array();
var jDatos = JSON.parse(datos);

var tablaDatos = document.createElement('tabla');
tablaDatos.classList.add('table', 'table-striped');
var tr = document.createElement('tr');
var th = document.createElement('th');
th.innerText = "Fecha";
tr.appendChild(th);
th = document.createElement('th');
th.innerText = "Kilos";
tr.appendChild(th);
tablaDatos.appendChild(tr);

for (let i in jDatos) {
etiquetas.push(jDatos[i].fechaVenta);
tPrecio.push(jDatos[i].totalPrecio);
coloresP.push("blue");

tr = document.createElement('tr');
var td = document.createElement("td");
td.innerText = jDatos[i].fechaVenta;
tr.appendChild(td);


td = document.createElement("td");
td.innerText = parseFloat(jDatos[i].totalPrecio).toLocaleString();
tr.appendChild(td);

tablaDatos.appendChild(tr);
}

var idCont = document.getElementById("idContTabla");
idCont.appendChild(tablaDatos);

var ctx = document.getElementById('idGrafica').getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: etiquetas,
datasets: [
{
label: 'Kilos',
data: tPrecio,
backgroundColor: coloresP

},

]
},
options: {


scales:{
yAxes:[{
ticks:{
beginAtZero:true

}
}],
},
}
});
}
});
}
}

var oIndex = new index();
setTimeout(function () { oIndex.ini(); }, 100);
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder