Как сделать цветовую панель легенды диаграммы Primeng круглой?

Question

В настоящее время у меня есть этот вариант диаграммы,

this.chartOptions = {
  legend: { position: "bottom" },
  usePointStyle:true
};

и данные диаграммы

this.chartData = {
  labels: labels,
  datasets: [
    {
      data: data,
      backgroundColor: ['#BFC9CA', '#E1D03B', '#9BBB59', '#00B0F0', '#8064A2', '#FF8C00'],
      pointStyle: 'circle'
    }
  ]
};

Как создать круглую цветную метку, которая будет отображаться внизу?

Answer 1

Я не совсем уверен, что вы имеете в виду под «цветной панелью».

Вы можете указать pointerStyle: true в конфигурации labels.

legend: {
  display: true,
  position: 'bottom',
  labels: {
    fontColor: "#000080",
    usePointStyle: true
  },
},

И укажите один из стилей указателя в свойстве datasets.

datasets: [{
  .
  .
  pointStyle: 'circle',
}]

Рабочий пример: Stackblitz