我正在尝试使用ChartJS中的
yAxisKey
选项来指定数据集,但我在复制文档中的示例时遇到了问题。我已经尝试搜索与yAxisKey
(或xAxisKey
)、parsing
选项以及指定datasets
的一般信息相关的问题,但到目前为止都没有找到有用的信息。<!doctype html>
<html>
<head>
<title>Example Chart</title>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
</head>
<body>
<canvas id="canvas"></canvas>
<script>
const data = [{x: 'Jan', net: 100, cogs: 50, gm: 50}, {x: 'Feb', net: 120, cogs: 55, gm: 75}];
const config = {
type: 'bar',
data: {
labels: ['Jan', 'Feb'],
datasets: [{
label: 'Net sales',
data: data,
parsing: {
yAxisKey: 'net'
}
}, {
label: 'Cost of goods sold',
data: data,
parsing: {
yAxisKey: 'cogs'
}
}, {
label: 'Gross margin',
data: data,
parsing: {
yAxisKey: 'gm'
}
}]
},
};
window.onload = function() {
const ctx = document.getElementById('canvas').getContext('2d');
let chart = new Chart(ctx, config);
};
</script>
</body>
</html>
我看到的图表是空白的。
我是否忽略了一些明显的东西? 是否误解了语法?
提前感谢!
map
吧。谢谢! - Anne