如何在ChartJS图形的Y轴和X轴上放置方向箭头

Chart.plugins.register({
  afterDraw: function(chart) {
    var ctx = chart.chart.ctx;
    var xAxis = chart.scales['x-axis-0'];
    var yAxis = chart.scales['y-axis-0'];
    
    // 绘制Y轴箭头
    ctx.beginPath();
    ctx.moveTo(yAxis.left, yAxis.top);
    ctx.lineTo(yAxis.left - 5, yAxis.top + 10);
    ctx.lineTo(yAxis.left + 5, yAxis.top + 10);
    ctx.closePath();
    ctx.fillStyle = 'black';
    ctx.fill();
    
    // 绘制X轴箭头
    ctx.beginPath();
    ctx.moveTo(xAxis.left, xAxis.bottom);
    ctx.lineTo(xAxis.left - 10, xAxis.bottom - 5);
    ctx.lineTo(xAxis.left - 10, xAxis.bottom + 5);
    ctx.closePath();
    ctx.fillStyle = 'black';
    ctx.fill();
  }
});