chartjs-plugin-datalabels

# Radar

{
  type: 'radar',
  data: {
    labels: labels,
    datasets: [{
      backgroundColor: Utils.transparentize(Utils.color(0), 0.75),
      borderColor: Utils.color(0),
      data: Utils.numbers({
        count: DATA_COUNT,
        min: 0,
        max: 100
      })
    }, {
      backgroundColor: Utils.transparentize(Utils.color(1), 0.75),
      borderColor: Utils.color(1),
      data: Utils.numbers({
        count: DATA_COUNT,
        min: 0,
        max: 100
      })
    }, {
      backgroundColor: Utils.transparentize(Utils.color(2), 0.75),
      borderColor: Utils.color(2),
      data: Utils.numbers({
        count: DATA_COUNT,
        min: 0,
        max: 100
      })
    }]
  },
  options: {
    plugins: {
      datalabels: {
        backgroundColor: function(context) {
          return context.dataset.borderColor;
        },
        color: 'white',
        font: {
          weight: 'bold'
        },
        formatter: Math.round,
        padding: 8
      }
    },
    // Core options
    aspectRatio: 4 / 3,
    elements: {
      point: {
        hoverRadius: 7,
        radius: 5
      }
    },
  }
}

← Bubble →