Function barChart

telemetry-dashboard/public/panels.js:169–200

* Horizontal bars. `scale: 'ordinal'` is for categories whose order is their * meaning (run length, codebase size) and takes the one-hue ramp; nominal * categories all take slot 1, because colouring them by value would spend the * identity channel re-encoding what bar length already says.

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

 * identity channel re-encoding what bar length already says.
 */
function barChart(data, { scale = 'nominal' } = {}) {
  const colours =
    scale === 'ordinal'
      ? paletteFor(data.labels, 'ordinal')
      : data.labels.map((label) => (label === 'Other' ? NEUTRAL : CATEGORICAL[0]));

  return {
    type: 'bar',
    data: {
      labels: data.labels,
      datasets: [
        {
          label: data.datasets[0].label,
          data: data.datasets[0].data,
          backgroundColor: colours,
          maxBarThickness: 24,
          // Rounded at the data end, square at the baseline (Chart.js skips the
          // 'start' edge by default, which is the baseline on a horizontal bar).
          borderRadius: 4,
        },
      ],
    },
    options: {
      indexAxis: 'y',
      plugins: { legend: { display: false } },
      scales: {
        x: valueScale(),
        y: categoryScale({ ticks: { color: undefined, padding: 6, autoSkip: false } }),
      },
    },
  };
}

/** Part-to-whole at a glance. Capped at a handful of slices by the API's `limit`. */
function pieChart(data, { scale = 'categorical' } = {}) {