多度量柱状图，每个度量可以单独设置颜色和大小通道吗

[xyr550]

如图，每个度量设置不同的颜色大小通道，legend合并了。
可以每个度量单独设置，只对当前度量生效吗

[hustcc]

把你的代码贴出来一下，方便我们调试和复现问题。

[xyr550]

图例合并的问题通过下面的方法解决了

但是发现图例点击就会出现奇怪的bug

点一下图例

代码如下

import { Chart } from '@antv/g2';

const chart = new Chart({
  container: 'container',
  theme: 'classic',
  width: 800,
  height: 400,
  paddingLeft: 60,
});

chart.options({
  type: 'view',
  paddingBottom: 30,
  children: [
    {
      type: 'interval',
      data: [
        { name: 'a', sex: 'male', country: 'A', value: 11 },
        { name: 'a', sex: 'male', country: 'B', value: 6 },
        { name: 'b', sex: 'male', country: 'A', value: 3 },
        { name: 'b', sex: 'male', country: 'B', value: 2 },
        { name: 'a', sex: 'female', country: 'A', value: 9 },
        { name: 'a', sex: 'female', country: 'B', value: 8 },
        { name: 'b', sex: 'female', country: 'A', value: 7 },
        { name: 'b', sex: 'female', country: 'B', value: 3 },
      ],
      encode: { 
        x: 'name', 
        y:'value', 
        series:() => 'value',
        color:'country',
        size: 'sex' 
      },
      scale:{
        color:{
          independent: true
        },
        size:{
          independent: true,
          range:[1,10]
        }
      }
    },
    {
      type: 'interval',
      data: [
        { name: 'a', sex: 'male',  value: 10 },
        { name: 'a', sex: 'female',  value: 2 },
        { name: 'b', sex: 'male',  value: 6 },
        { name: 'b', sex: 'female',  value: 3 },
      ],
      encode: { 
        x: 'name', 
        y:'value', 
        series:() => 'value1',
        color:'sex',
        size:'value'
      },
      scale:{
        color:{
          independent: true
        },
        size:{
          independent: true
        }
      },
      axis: { x: { title: false } },
    },
  ],
});

chart.render();

还想问一下，为什么size通道设置成离散型的字段时，不出图例