Legenda Chartjs masih tidak kelihatan walaupun selepas menetapkannya kepada benar
P粉595605759
P粉595605759 2023-09-14 18:38:17
0
1
541

Saya agak baru menggunakan ChartJS dan saya sedang mencari cara untuk memaparkan label pada carta donat saya. Saya cuba menetapkan keterlihatan legenda kepada benar dalam pilihan tetapi masih tidak berfungsi.

var data = [{
        data: [successfulBuildsCount, failureBuildsCount],
        labels: ["成功", "失败"],
        backgroundColor: [
          "绿色",
          "红色"
        ],
        borderColor: "#fff"
      }];

      var options = {
        legend: { display: true, },
        title: {
          display: true,
        },

        plugins: {
          datalabels: {
            formatter: (value, ctx) => {

              let sum = 0;
              let dataArr = ctx.chart.data.datasets[0].data;
              dataArr.map(data => {
                sum += data;
              });
              let percentage = (value * 100 / sum).toFixed(2) + "%";
              return percentage;


            },
            color: '#fff',
          }
        }
      };


      var ctx = document.getElementById("chartContainer");
      var myChart = new Chart(ctx, {
        type: 'doughnut',
        data: {
          datasets: data
        },
        options: options
      });
P粉595605759
P粉595605759

membalas semua(1)
P粉041758700

Lagenda harus ditunjukkan secara lalai. Jika ia tidak muncul, saya mengandaikan anda menggunakan treeshaking dan belum mengimport serta mendaftar pemalam legend seperti ini:

import { Chart, Legend } from 'chart.js';

Chart.register(Legend);

Atau anda boleh pastikan anda tidak terlepas apa-apa dengan membenarkan chart.js mengimport dan mendaftarkan semuanya:

import Chart from 'chart.js/auto';
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!