You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Chart.js堆叠柱状图中虚线柱体多余蓝色边框的消除方法

解决Chart.js堆叠柱状图虚线柱体多余边框问题

要消除“Government”数据集柱体的蓝色边框,只需在该数据集的配置中添加borderWidth: 0即可,这会直接移除柱体边框,同时保留已设置的虚线填充效果。

修改后的数据集配置片段:

{
  label: 'Government',
  data: [50, 60, 70, 180, 190],
  backgroundColor: pattern.draw('dash', '#4bc0c0'),
  borderDash: [5, 5],
  borderWidth: 0, // 新增此行移除边框
  fill: false
}

原因是Chart.js默认会为柱状图添加边框,即便设置了borderDash,只要borderWidth大于0就会显示边框线条。将borderWidth设为0后,边框会被完全隐藏,不会破坏你想要的虚线柱体样式。

内容的提问来源于stack exchange,提问作者The Dead Man

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.06 22:25:21