fix(geo): highlight choropleth

[pearmini]

Choropleth

修复 Choropleth 的高亮问题，本质上是之前没有传递 State。

开始使用

export async function unemploymentChoropleth(): Promise<G2Spec> {
  const us = await fetch('data/us-10m.json').then((res) => res.json());
  const unemployment = await tsv('data/unemployment.tsv', autoType);
  const counties = feature(us, us.objects.counties).features;
  return {
    type: 'geoPath',
    coordinate: { type: 'albersUsa' },
    data: {
      value: counties,
      transform: [
        {
          type: 'join',
          join: unemployment,
          on: ['id', 'id'],
          select: ['rate'],
        },
      ],
    },
    scale: {
      color: {
        unknown: '#fff',
      },
    },
    state: {
      active: { fill: 'red' },
    },
    encode: {
      color: 'rate',
    },
    legend: { color: { layout: { justifyContent: 'center' } } },
    interaction: { elementHighlight: true },
  };
}