Css chartjs-如何在底角添加边界半径

基本上，上图是我想要的样子，下图是它现在的样子。 我正在使用chart.js，但找不到底部边界半径的任何设置。 非常感谢你的帮助

以下是对以下评论的图片更新：

我的代码：

变量选项={
回答：是的，
维护Aspectratio：是的，
动画：{
缓解：“缓解”持续时间：520
}
,
比例：{
xAxes:[{
网格线：{
显示：false，绘图边框：false
}
,
滴答声：{
显示：假
}
}
],
雅克斯：[{
网格线：{
显示：false，绘图边框：false
}
,
滴答声：{
显示：假
}
}
]
}
,
要素：{
标签：{
显示：假
}
}
,
图例：{
显示：假，
标签：{
显示：假
}
}
,
要点：{
显示：假
}

您只需在

画布上使用
元素即可实现此目的：


新图表（document.getElementById（“图表”）{
键入：“行”，
数据：{
标签：[“”、“”、“”、“”、“”、“”、“”]，
数据集：[{
数据：[1,2,1,2,1]
}]
},
选项：{
比例：{
xAxes：[{
显示：假
}],
雅克斯：[{
显示：假，
滴答声：{
贝吉纳泽罗：是的
}
}]
}
}
})；
画布{
边框左下半径：3em；
边框右下半径：3em；
}

Ok，所以我尝试添加边框，我注意到左边和底部的画布中有我无法隐藏的填充。我在上面添加了我的代码。@CsgoTalksCom您需要设置
xAxes:[{display:false}]
和
yAxes:[{display:false}]
，如我的示例所示，不是单独禁用零件。否则，Chart.js仍会考虑定位中的轴。

   var options= {
     responsive: true,
     maintainAspectRatio: true,
     animation: {
        easing: 'easeInOutQuad', duration: 520
    }
    ,
    scales: {
        xAxes: [ {
            gridLines: {
                display: false, drawBorder: false
            }
            ,
            ticks: {
                display: false
            }
        }
        ],
        yAxes: [ {
            gridLines: {
                display: false, drawBorder: false
            }
            ,
            ticks: {
                display: false
            }
        }
        ]
    }
    ,
    elements: {
        labels: {
            display: false
        }
    }
    ,
    legend: {
        display: false,
        labels: {
            display: false
        }
    }
    ,
    point: {
        display: false
    }