Chart.js（react-chartjs-2）环形图的线框元素叫什么？如何关闭？

该线框元素的官方名称 #

• 这类线框元素官方定义为弧元素边框（Arc Border），是Chart.js中饼图、环形图对应的基础渲染元素（Arc）的内置属性，不属于图例、提示框类的插件模块。
• 出现和原生Chart.js表现不一致的原因：react-chartjs-2 从v4版本开始修改了内置全局默认配置，将弧元素的默认边框宽度设为2px，边框颜色自动取当前扇区的背景色（原生Chart.js默认会将弧元素边框设为纯白色，视觉上不会出现明显的同色线框）。
• 你之前在图例、图例标签、提示框模块中找不到关闭开关是正常的，因为该配置项属于元素级别的全局配置，归在elements配置节点下。

关闭该元素的配置方法 #

• 只需要在图表的options配置中增加elements.arc的对应配置即可，无需修改原有插件类配置。
• 配置代码示例：

  const chartOptions = {
    elements: {
      arc: {
        // 将边框宽度设为0即可完全关闭同色线框
        borderWidth: 0,
        // 如需保留边框分隔效果，可将边框颜色设为和画布背景一致的白色
        // borderColor: '#fff'
      }
    },
    // 其余原有配置保持不变即可
  }
  

• 注意事项：如果配置生效不明显，需要检查每个数据集（dataset）项中是否单独定义了borderWidth属性，数据集级别的配置优先级高于全局元素配置，会覆盖全局设置。

内容的提问来源于stack exchange，提问作者HartleySan