Chart.js 从点样式图例中删除ChartJS 2边框和阴影

Chart.js 从点样式图例中删除ChartJS 2边框和阴影,chart.js,chart.js2,Chart.js,Chart.js2,我使用以下选项使用ChartJS 2获取点样式图例: options: { legend: { labels: { usePointStyle: true } } } 但是,如下图所示,每个点包括边框和阴影: 使用ChartJS 2.7.2 是否有控制边框和阴影的选项?如何删除它们?在查看了实现之后,我注意到边框和阴影由每个数据集定义的borderWidth属性控制。下面是一个移除边界和阴影的示例 const datas

我使用以下选项使用ChartJS 2获取点样式图例:

options: {
    legend: {
        labels: {
            usePointStyle: true
        }
    }
}
但是,如下图所示,每个点包括边框和阴影:

使用ChartJS 2.7.2


是否有控制边框和阴影的选项?如何删除它们?

在查看了实现之后,我注意到边框和阴影由每个数据集定义的
borderWidth
属性控制。下面是一个移除边界和阴影的示例

const dataset = [
    {
        borderWidth: 0,
        data: ...,
        label: ...,
        backgroundColor: ...,
        hoverBackgroundColor: ...,
    }
];

请注意,点直径链接到标签字体大小。

由于borderWidth:0单独似乎不起作用,解决方法是将borderColor设置为0不透明度:

  datasets: [
    {
      data: defaultData,
      backgroundColor: colors,
      borderWidth: 0,
      borderColor: "rgba(0,0,0,0)", 
    },