如何将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

我不太清楚你所说的"color panel"是什么意思。

您可以在 labels 配置中指定 pointerStyle: true。

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

并在datasets属性中指定pointer styles之一。

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

工作示例：Stackblitz

如何将Primeng图表图例的颜色面板设置为圆形？

How to make Primeng chart legend's color panel as circular?

charts

primeng

angular