Оси x Chart.js не работают?

Я пытаюсь сделать диаграмму, отображающую данные. Я не могу заставить работать ось x. Если я добавлю тип: 'linear', тогда он не отобразит данные, а отобразит оси x. Если я этого не добавлю, данные будут отображаться, но оси x не работают.

    var chart = new Chart(document.getElementById("graph"), 
    {
    type: 'line',
        data: {
        //labels: [1500,1600,1700,1750,1800,1850,1900,1950,1999,2050],
        datasets: [{ 
        display: true,
        data: [86,114,106,106,107,111,133,221,783,2478],
        label: "Africa",
        borderColor: "#3e95cd",
        fill: false
      }
    ]
    },
    options: {
        scaleShowValues: true,
        responsive: false,
        title: {
          display: true,
          text: 'World population (in millions)'
    },

    scales: {
        yAxes: [
            {
              type: 'linear',
              ticks: {
                beginAtZero:true,
                min: -10,
                max: 110,

              }
        }
      ],
      xAxes: [{
        display: true,
        position: 'bottom',
        //type: 'linear',

        ticks: {
          display:true,          
          min: 0,
          max: 3000,
          stepSize: 10,
          autoSkip: true



              }
            }
          ]
        }
    }
});
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
2 292
1

Ответы 1

Данные не соответствуют типу диаграммы, должно быть две координаты «x» и «y». На линейной диаграмме должны быть такие данные, как:

data: [{
        x: 10,
        y: 20
    }, {
        x: 15,
        y: 10
    }]

Другие вопросы по теме