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
}
}
}
});