我很难创建我的第一个插件chart.js看了几个教程后,我做了下面的代码期望得到"图表"在控制台,但什么也没有发生.
我错过了什么?
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.1.1/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-annotation@2.1.1/dist/chartjs-plugin-annotation.min.js"></script>
</head>
<body>
<div>
<canvas id="myChart"></canvas>
</div>
<script>
const ctx = document.getElementById('myChart');
const tooltipNote = {
id: 'tooltipNote',
beforeDraw: chart => {
console.log('chart');
}
}
new Chart(ctx, {
type: 'line',
responsive: true,
data: {
labels: ['', '', '', '', '', ''],
datasets: [{
data: [42, 119, 53, 55, 62, 53],
}]
},
options: {
scales: {
y: {
suggestedMin: 0,
offset: true
},
},
plugins: {
legend: {
display: false
},
tooltipNote: {
},
},
},
});
</script>
</body>
</html>
1条答案
按热度按时间esyap4oy1#
你从来没有注册你的插件记录在这里:https://www.chartjs.org/docs/latest/developers/plugins.html
您可以只注册特定的图表示例,如下所示:
或者,您可以全局注册它,以便它可用于您的所有示例:
您所做的只是将选项定义为插件的空对象。