Function pieChart

telemetry-dashboard/public/panels.js:203–229

Part-to-whole at a glance. Capped at a handful of slices by the API's `limit`.

(data, { scale = 'categorical' } = {})

/** Part-to-whole at a glance. Capped at a handful of slices by the API's `limit`. */
function pieChart(data, { scale = 'categorical' } = {}) {
  const total = data.datasets[0].data.reduce((n, v) => n + v, 0);
  return {
    type: 'pie',
    data: {
      labels: data.labels,
      datasets: [
        {
          label: data.datasets[0].label,
          data: data.datasets[0].data,
          backgroundColor: paletteFor(data.labels, scale === 'ordinal' ? 'ordinal' : 'categorical'),
        },
      ],
    },
    options: {
      plugins: {
        legend: { display: true },
        tooltip: {
          callbacks: {
            label: (ctx) =>
              `${ctx.label}: ${number(ctx.parsed)} (${total > 0 ? percent(ctx.parsed / total, 1) : '—'})`,
          },
        },
      },
    },
  };
}

// ---------------------------------------------------------------------------
// Table twins