我想使用条形图创建一个单个条形。设置是用户可以选择不同的选项（表示颜色）。在此示例（下面的代码和框链接）中，我有一个最大值为90.000的条形。三个选择的值为20.000、30.000和15.000，总计65.000。
现在，我的目标是在整个条周围有一个边框，而不仅仅是颜色。在下面的图像中，这是用红色边框表示的。目前我是通过在画布元素周围放置一个容器元素来实现这一点的，但我想在画布本身中实现这一点，而不使用容器元素。有人知道如何实现这一点吗？
Codesandbox link
我想使用条形图创建一个单个条形。设置是用户可以选择不同的选项（表示颜色）。在此示例（下面的代码和框链接）中，我有一个最大值为90.000的条形。三个选择的值为20.000、30.000和15.000，总计65.000。
现在，我的目标是在整个条周围有一个边框，而不仅仅是颜色。在下面的图像中，这是用红色边框表示的。目前我是通过在画布元素周围放置一个容器元素来实现这一点的，但我想在画布本身中实现这一点，而不使用容器元素。有人知道如何实现这一点吗？
Codesandbox link
1条答案
按热度按时间ukxgm1gy1#
您需要定义不同的
dataset属性，如borderSkipped、borderRadius、borderWidth，以实现您所寻找的内容。不知道为什么，我还必须将底部数据集的
data定义为浮动条，以便看到圆形边框。请看一下下面的可运行代码，看看它是如何工作的。
第一个