-1

Boa noite pessoal,ao executar o codigo abaixo diz: "Uncaught ReferenceError: Chart is not defined" já tentei varios modos,porem esse me pareceu o mais logico.Gostaria de ajuda com exemplos se possivel,desde ja agradeço.

new Chart(document.getElementById('myChart'), {
      type: 'bar',
      data: {
        labels: labels,
        datasets: [
          {
            
            backgroundColor: ["#2DFF24", "#808080","#FF0000","#FFE699","#B67558"],
            data: values
          }
        ]
      },
      options: {
        title: {
          display: true,
          text:'Computadores'
        }
    } 
}); 
<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> 
    
    </head>
  <body>   
      <<div class="row">
        <div class="col-xs-1-12">
          <div class="card">
            <div class="card-body">
              <h3 class="card-title">PC World</h3>
              <p class="card-text">SUa melhor loja de PC's</p>
            </div>
          </div>
        </div>
        <div class="col-xs-1-12">
          <div class="card">
            <div class="card-body">
              <h3 class="card-title">Title</h3>
              <p class="card-text">Text</p>
            </div>
          </div>
        </div>
      </div>
<div class="row">
    <div class="col-4"> 
        <canvas id="myChart" width="400" height="400"></canvas>
    </div>
</div>
      
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>  
    <script href="https://stacksnippets.net/js"></script>
    <script src="script.js"></script> 

2
  • Onde é que você está definindo "Chart"?
    – Largato
    Commented 21/11/2019 às 23:00
  • Oi,esse é o problema antes funcionava assim agora não funciona mais,mas já resolvi. Commented 21/11/2019 às 23:43

1 Resposta 1

1

O grande erro que percebo é a falta da tag <script> para o ChartJS.

Passo a passo para o correto funcionamento:

  1. Baixe o ChartJS

  2. Insira a tag script para o endereço onde você salvou o arquivo chart.js ANTES do seu script (exemplo: <script src="./chart.min.js"></script>

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .