在c3.js中获取分组条形图(堆叠图)的圆角,可以通过设置相应的配置参数来实现。
首先,需要使用c3.js库创建一个分组条形图(堆叠图)。分组条形图是通过设置data.groups
参数来实现的,该参数定义了数据分组的方式。
接下来,可以使用data.type
参数将图表类型设置为条形图。然后,通过设置data.groups
参数来定义数据的分组方式,将相同分组的数据堆叠在一起。
要给分组条形图添加圆角效果,可以使用data.bar
参数来设置条形图的样式。在data.bar
参数中,可以设置radius
属性来定义圆角的大小。例如,设置data.bar.radius
为10,将会给条形图的边角添加10像素的圆角效果。
以下是一个示例代码:
var chart = c3.generate({
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 50, 20, 10, 40, 15, 25]
],
type: 'bar',
groups: [['data1', 'data2']],
bar: {
radius: 10
}
}
});
在上述示例中,我们创建了一个分组条形图,其中包含两组数据(data1和data2)。通过设置data.groups
参数将这两组数据进行分组,并使用data.bar.radius
参数设置了圆角效果。
这样,就可以在c3.js中获取分组条形图(堆叠图)的圆角了。
关于c3.js的更多详细信息和用法,请参考腾讯云的产品介绍链接:c3.js产品介绍
领取专属 10元无门槛券
手把手带您无忧上云