组宽度让您调整两个条/列之间的间距，但如何在 react-google-charts 中设置条宽？

问题描述

演示链接：https://codesandbox.io/s/tender-sun-p8ncv?file=/src/chartConfig.js

我想更改两个条形之间的距离以及条形的条形厚度。阅读谷歌文档后，我意识到您可以通过修改 bar: { groupWidth: '60%' }, 来调整两个条形之间的间距，但是如果您想固定单个条形的大小，我不确定在那里使用什么。

这是我的配置：

export const chartConfig = {
  width: '35rem',height: '10rem',chartType: 'ComboChart',data: [
    ['Date','Reach','Cummilative Reach',{ role: 'tooltip',type: 'string' }],[
      'July 12,2021',938,614.6,'July 12,2021 \nCumm Reach: 938,\nReach: 614',],[
      'July 13,1120,682,[
      'July 14,1167,623,[
      'July 15,1110,609.4,[
      'July 16,691,569.6,options: {
    pointSize: 10,title: 'Reach and Cummilative Reach',tooltip: { isHtml: true },vAxis: { title: 'Reach (in Millions)' },hAxis: { title: 'Date' },seriesType: 'bars',backgroundColor: 'transparent',chartArea: { left: 20,top: 0,width: '50%',height: '75%' },bar: { groupWidth: '60%' },series: {
      0: { color: 'red' },1: {
        type: 'line',color: '#00B6CB',pointShape: 'circle',},rootProps: {
    'data-testid': '1',};

有谁知道如何调整条形宽度而不仅仅是条形之间的间距？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）