柱状图设置柱宽时, 居中失效

[KuduroJS]

代码如下:

/**
 * A recreation of this demo: https://vega.github.io/vega-lite/examples/bar_grouped_repeated.html
 */
import { Chart } from '@antv/g2';

const chart = new Chart({
  container: 'container',
  theme: 'classic',
  autoFit: true,
  paddingBottom: 150,
});

chart.data({
  type: 'fetch',
  value: 'https://assets.antv.antgroup.com/g2/movies.json',
});

chart
  .interval()
  .transform({ type: 'groupX', y: 'sum' })
  .axis('y', { labelFormatter: '~s' })
  .axis('x', { labelTransform: 'rotate(90)' })
  .encode('x', 'Major Genre')
  .encode('y', 'Worldwide Gross')
  .encode('series', () => 'Worldwide Gross')
  .encode('color', () => 'Worldwide Gross')
  .style('width', 10) //柱的粗细
  .tooltip({ channel: 'y', valueFormatter: '~s' });

// chart
//   .interval()
//   .transform({ type: 'groupX', y: 'sum' })
//   .encode('x', 'Major Genre')
//   .encode('y', 'US Gross')
//   .encode('color', () => 'US Gross')
//   .encode('series', () => 'US Gross')
//   .tooltip({ channel: 'y', valueFormatter: '~s' });

chart.render();

[pearmini]

把 .encode('series', () => 'Worldwide Gross') 去掉，这个会让条形图分组。

[KuduroJS]

去掉也不行呢.
而且,我需要分组,有其他方式让柱子居中吗? 现在这样子,在一个度量的情况下,会显得有点奇怪.

[pearmini]

.encode("size", 50)

[pearmini]

.style("width", 10) -> .encode("size", 10)

/**
 * A recreation of this demo: https://vega.github.io/vega-lite/examples/bar_grouped_repeated.html
 */
import { Chart } from '@antv/g2';

const chart = new Chart({
  container: 'container',
  theme: 'classic',
  autoFit: true,
  paddingBottom: 150,
});

chart.data({
  type: 'fetch',
  value: 'https://assets.antv.antgroup.com/g2/movies.json',
});

chart
  .interval()
  .transform({ type: 'groupX', y: 'sum' })
  .axis('y', { labelFormatter: '~s' })
  .axis('x', { labelTransform: 'rotate(90)' })
  .encode('x', 'Major Genre')
  .encode('y', 'Worldwide Gross')
  .encode('series', () => 'Worldwide Gross')
  .encode('color', () => 'Worldwide Gross')
  .encode('size', 10) // 看这里！
  .tooltip({ channel: 'y', valueFormatter: '~s' });

chart.render();

[KuduroJS]

谢谢!