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);
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


0