He tratado de insertar graficas en mi sitio cargandolas desde un archivo de js, como no estoy utilizando Node.js utilize la libreria ClientModulesJS para poder requerir Chart.js, pero al memento de ejecutar el codigo canvas se queda en blanco y no se muestra nada y tampoco ningun error en consola. El codigo que utilize es el siguiente:
Index.php
<script src="vistas/js/jquery.min.js"></script>
<script src="librerias/ClientModulesJS-master/client-modules.js"></script>
<canvas id="myChart" style="width: 100%; height: 234px;"></canvas>
<script src="vistas/js/dashboard.js"></script>
dashboard.js
// Acciones
$(document).ready(function(){
crearGrafica();
});
// Ajax
// Funciones
function crearGrafica(){
require('librerias/chart.js-3.5.1/package/dist/chart.min').then(function(Chart){
var ctx = document.getElementById('myChart').getContext('2d');
var graficaVentas = new Chart(ctx, {
labels: ['Enero', 'Febrero', 'Marzo', 'Mayo', 'Junio'],
datasets: [{
label: 'My First Dataset',
data: [65, 59, 80, 81, 56, 55],
fill: false,
borderColor: 'rgb(75, 192, 192)',
tension: 0.1
}]
});
}).catch(function(error){
console.log(error);
});
}