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
相关产品推荐
相关产品推荐

