Chart.js

Como usar

Inclua o script (tag acima), crie um <canvas> e instancie o gráfico.

<div style="max-width: 600px">
    <canvas id="vendas"></canvas>
</div>

<script>
    new Chart(document.getElementById('vendas'), {
        type: 'bar',
        data: {
            labels: ['Jan', 'Fev', 'Mar', 'Abr'],
            datasets: [{ label: 'Vendas', data: [120, 190, 80, 150] }]
        },
        options: {
            responsive: true,
            plugins: { legend: { display: false } }
        }
    });
</script>

Observações

• Tipos disponíveis: line, bar, pie, doughnut, radar, polarArea, bubble, scatter.
• Para atualizar dados: altere grafico.data.datasets[0].data e chame grafico.update().
• O caminho antigo /jquery/chart/4.4.4/chart.umd.min.js continua funcionando, mas está obsoleto: use o caminho desta página.
• Documentação oficial: chartjs.org/docs