Chart.js Can';t从json解析数据

Chart.js Can';t从json解析数据,chart.js,Chart.js,我试图在我的网页上显示一个堆叠的条形图,但它不起作用 我曾试图遵循有关数据结构的文档,但它似乎不起作用。这两个数据来自一个Ajax调用并内置于js中 如果你想看看我做了什么,我已经做了一个JSFIDLE 所以在调查了样式和格式之后,这只是版本问题。 版本2.8中不存在解析选项 let myData = [ { x: 'value1', critical: 1, high: 2, medium: 0, low: 5 },

我试图在我的网页上显示一个堆叠的条形图,但它不起作用


我曾试图遵循有关数据结构的文档,但它似乎不起作用。这两个数据来自一个Ajax调用并内置于js中


如果你想看看我做了什么,我已经做了一个JSFIDLE


所以在调查了样式和格式之后,这只是版本问题。 版本2.8中不存在解析选项

let myData = [
    {
        x: 'value1',
    critical: 1,
    high: 2,
    medium: 0,
    low: 5  
    },
  {
        x: 'value2',
    critical: 2,
    high: 0,
    medium: 5,
    low: 0 
    }
];

let myLabels = ['value1', 'value2'];

let stackedBar = new Chart($('#chartContainer'), {
  type: 'bar',
  data: {
    labels: myLabels,
    datasets: 
    [
      {
        label: 'critical',
        data: myData,
        borderColor: '#d30000',
        backgroundColor: '#d30000',
        parsing: {
          yAxisKey: 'critical'
        }
      },
      {
        label: 'high',
        data: myData,
        borderColor: '#e97000',
        backgroundColor: '#e97000',
        parsing: {
          yAxisKey: 'high'
        }
      }, 
      {
        label: 'medium',
        data: myData,
        borderColor: '#ff9c56',
        backgroundColor: '#ff9c56',
        parsing: {
          yAxisKey: 'medium'
        }
      },
      {
        label: 'low',
        data: myData,
        borderColor: '#ffd063',
        backgroundColor: '#ffd063',
        parsing: {
          yAxisKey: 'low'
        }
      }
    ]
  },
  options: {
    scales: {
      x: {
        stacked: true,
        ridLines: {
            display: false
        }
      },
      y: {
        stacked: true,
        beginAtZero: true
      }
    }
  }
});