图表 js 数据集标签未显示

Question

我正在尝试 chart.js version 3.6 但我遇到了一个问题，即数据集标签未显示。

我试过了，但没有用

    const labels: string[] = [];
    const sold: number[] = [];
    const released: number[] = [];

    for (const d of r.data) {
        labels.push(d.date);
        sold.push(d.sold);
        released.push(d.released);
    }

    const quarterChart = new Chart('quarterGraphCanvas', {
        type: 'line',
        data: {
            labels,
            datasets: [
                {
                    label: 'Sold Amount',
                    data: sold,
                    fill: false,
                    borderColor: 'red',
                },
                {
                    label: 'Released Amount',
                    data: released,
                    fill: false,
                    borderColor: 'blue',
                },
            ],
        },
        options: {
            plugins: {
                tooltip: {
                    mode: 'index',
                    intersect: false,
                },
            },
            scales: {
                y: {
                    beginAtZero: true,
                },
            },
        },
    });

    quarterChart.render();

标签 Sold Amount 和 Released Amount 未显示。我错过了哪些选项？

Answer 1

问题是 chart.js 集成，我只 select 几个我认为我只需要的控制器，然后想出了这个。

  Chart.register(
    LinearScale,
    CategoryScale,
    LineElement,
    LineController,
    PointElement
  );

并使用

修复

Chart.register(...regiserables);

但我和

达成了和解

import Chart from 'chart.js/auto';

并完全删除 Chart.register。

图表 js 数据集标签未显示

Chart js dataset label not showing

ionic-framework

chart.js

angular