Вопрос по работе графика js

Я начинаю использовать диаграмму js, и я действительно не знаю, как ее использовать, я уже установил ее с помощью npm install chart.js --save и пытаюсь проверить ее с помощью этих тестовых данных:

 <canvas id="myChart" width="400" height="400"></canvas>
<script>
    import Chart from 'chart.js';
    var myChart = new Chart(ctx, {
        type: 'pie',
        data: {
            labels: ['red', 'yellow', 'blue'],
            datasets: [{
                data: [10, 20, 30]
            }]
        }
    });
</script>

, но поисковая система говорит мне, что ctx не определен, я не знаю, что может быть не так, может кто-то просветить меня?

1
задан 19.11.2019, 08:02
1 ответ

const ctx = document.getElementById('myChart').getContext('2d');
const myChart = new Chart(ctx, {
    type: 'pie',
    data: {
        labels: ['red', 'yellow', 'blue'],
        datasets: [{
            data: [10, 20, 30]
        }]
    }
});
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>

<canvas id="myChart" width="200" height="200"></canvas>

Переменная ctx - контекст canvas , правильное serГ, - чтобы это получать перед тем, как пробовать производить grГЎfico, немного как

2
ответ дан 19.11.2019, 21:03
  • 1
    Если ошибка дает ему в переменной ctx, я думаю, что import он функционирует – Pablo Lozano 19.11.2019, 08:10
  • 2
    сейчас у меня есть другие две ошибки, которые: GET dev.unadeca_evaluations.com/path/to/chartjs/dist/Chart.min.css net:: ERR_ABORTED 404 (Нот Фоунд), и что getContest недействительный – Estiff Cedeño Cambronero 19.11.2019, 08:19
  • 3
    getConte x t, не getConte s t – Pablo Lozano 19.11.2019, 08:28
  • 4
    прощение, я ошибся, написав это здесь, но в коде, если он довольно письменный, и уже я решил первую проблему сейчас одинокий останься getContext – Estiff Cedeño Cambronero 19.11.2019, 08:30

Теги

Похожие вопросы