1

Me gustaría saber si alguien sabe de algún plugin o librería para hacer gráficos que coloque los valores numéricos en formatos de miles.

Les agradecería mucho su ayuda

0

1 respuesta 1

3

Echa un vistazo a "Tick Configuration (callback)" de chart.js.

Te permite completa libertad para implementar funciones que convierten datos en bruto al texto que desees.

Te dejo un ejemplo:

var contexto = document.getElementById('grafica').getContext('2d');
var grafica = new Chart(contexto, {
  type: 'line',
  data: {
    labels: ['Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado', 'Domingo'],
    datasets: [{
      label: 'manzanas',
      data: [1200, 1900, 300, 1700, 600, 300, 700],
      backgroundColor: "rgba(153,255,51,0.4)"
    }, {
      label: 'naranjas',
      data: [200, 2900, 500, 500, 200, 300, 1000],
      backgroundColor: "rgba(255,153,0,0.4)"
    }]
  },
  options: {
    scales: {
      yAxes: [
        {
          ticks: {
            callback: function(valor, index, valores) {
              return Number(valor).toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
            }
          },
          scaleLabel: {
            display: true,
            labelString: 'Cantidad'
          }
        }
      ],
      xAxes: [
        {
          scaleLabel: {
            display: true,
            labelString: 'Días de la semana'
          }
        }
      ]
    }
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
<canvas id="grafica"></canvas>

1
  • Exelente, le puedo hasta cambiar el formato de miles de comas a puntos. return Number(valor).toFixed(2).replace('.',',').replace(/\B(?=(\d{3})+(?!\d))/g, '.');
    – Danilo
    Commented el 23 may. 2017 a las 15:50

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.