I want that column and column between each other in my BarChart has scattered points or gaps.

[Altraman]

This is my bar chart:

But I want to......:

[marzolfb]

The gutter configuration option is what you want to be adjusting. In the example app, you can see it set to a value of 20 for the basic bar chart:

let options = {
      width: 300,
      height: 300,
      margin: {
        top: 20,
        left: 25,
        bottom: 50,
        right: 20
      },
      color: '#2980B9',
      gutter: 20,

Also, the structure of the data object is maybe not so obvious. If you have a structure like the example app:

let data = [
      [{
        "v": 49,
        "name": "apple"
      }, {
        "v": 42,
        "name": "apple"
      }],
      [{
        "v": 69,
        "name": "banana"
      }, {
        "v": 62,
        "name": "banana"
      }],
      [{
        "v": 29,
        "name": "grape"
      }, {
        "v": 15,
        "name": "grape"
      }]
    ]

, you will see something like this:

and in that case, gutter represents the space between the 2 sets of 3 bars.

Now, if you have a more simple structure like this:

let data = [
      [{
        "v": 49,
        "name": "apple"
      }, {
        "v": 42,
        "name": "banana"
      }]
    ]

you will see this:

and gutter represents the space between the 2 items in the inner array.

Now if you instead have single-item arrays inside the main data array like this

let data = [
      [{
        "v": 49,
        "name": "apple"
      }], [{
        "v": 42,
        "name": "banana"
      }]
    ]

, you will see that the gutter option is ignored:

So, to make a long story short, spacing between bars is dictated by both the gutter configuration option AND the way you structure your data.

[Altraman]

Thank you！ @marzolfb