Question

我试图创建一个显示数据的图表。我似乎无法使x轴工作。如果我添加类型：＆＃39;线性＆＃39;，则它不会显示数据，但会显示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



              }
            }
          ]
        }
    }
});

Answer 1

数据不符合图表的类型，应该有两个坐标'x'和'y'。折线图必须包含以下数据：

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

Chart.js x轴不起作用？

1 个答案: