启用“showLine”后无法对散点图使用线条张力

Question

我正在尝试使用 vue-chartjs 绘制时间散点图 plot，但无法使线张力正常工作。 如果我将数据集的张力选项设置为除 0 以外的任何值，该行就会消失。

图表数据和选项（现在只是一些虚拟数据）：

    const chartOptions = {
        responsive: true,
        maintainAspectRatio: true,
        plugins: {
            legend: false
        }
    };

    const chartData = ref({
        datasets: [
            {
                data: [
                    { x: 0, y: 5 },
                    { x: 3, y: 4 },
                    { x: 5, y: 7 },
                    { x: 8, y: 13 },
                    { x: 13, y: 6 },
                    { x: 18, y: 2 },
                    { x: 25, y: 11 },
                ],
                backgroundColor: "#ED1369",
                borderColor: "#ED1369",
                showLine: true,
                tension: 0,
                pointRadius: 3.5,
                pointHoverRadius: 3.5,
                borderWidth: 2
            }
        ]
    });

没有张力的结果（张力：0）：图表显示没有张力的线条

紧张的结果（紧张> 0）：图表破裂并且不再显示线条

我试过同时使用“tension”和“lineTension”选项，以及“cubicInterpolationMode”选项。 我还尝试了这些选项的各种组合。 我已经测试并发现 Chart.js 确实支持散点图上的曲线。

Answer 1

事实证明您必须注册Filler组件。

https://github.com/apertureless/vue-chartjs/issues/988