我正在使用chartjs库来渲染图表，而我正在使用散点图，并希望在图形上有一条参考线，所以我使用了统计图注释在散点图上绘制一条线，但是由于某种原因，该线不可见，但是我能够看到散点图已完全绘制，任何人都可以帮忙。
HTML
<html>
<body>
<div style="width: 75%">
<canvas id="canvas"></canvas>
</div>
</body>
</html>
JS
var chartData = {
datasets: [
{
data: [
{
x: 5,
y: 4
}, {
x: 2,
y: 14
},
{
x: 4,
y: 12
},
{
x: 2,
y: 10
},
{
x: 3,
y: 4
},
{
x: 3,
y: 5
},
{
x: 3,
y: 8
},
{
x: 6,
y: 12
}]
}
]
};
window.onload = function() {
var ctx = document.getElementById("canvas").getContext("2d");
new Chart(ctx, {
type: "scatter",
data: chartData,
options: {
annotation: {
annotations: [
{
type: "line",
mode: "vertical",
scaleID: "x-axis-0",
value: '5',
borderColor: "red",
}
]
}
}
});
};
我可以看到散点图，但没有注释。