Chart.js插件注释行阴影

Question

我使用图表Chart.js，并使用其他插件chartjs-plugin-annotation.js。 这是此代码的示例：

https://codepen.io/compwright/pen/mmQMrZ

我想在线条上加阴影。 我认为您可以使用：

ctx.shadowColor = "#000"
ctx.shadowBlur = 3
ctx.shadowOffsetX = 2
ctx.shadowOffsetY = 3

有人可以说怎么做吗？

Answer 1

您可以使用以下插件：

https://nagix.github.io/chartjs-plugin-style/

示例代码供参考：

var ctx = document.getElementById('canvasId').getContext('2d');
    var myChart = new Chart(ctx, {
        type: 'line',
        data: {
            labels: ["a", "b", "c", "d", "e" ],
            datasets: [{
                data: ["10", "11", "12", "1", "5"],
                shadowOffsetX: 2,
                shadowOffsetY: 4,
                shadowBlur: 5,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
            }]
        },
    });