Bizcharts 地图根据数值改变对应颜色

需求:根据不同区域人数多少显示不同颜色

---

通过回调函数改变相关颜色

<Geom
    type="polygon"
    position="x*y"
    label='name'
    style={{
       lineWidth:1,
       stroke: '#ccc'
    }}
    // size 是区域人数 
    color={['properties', (v) => {
       if (v.size > 120) {
           return '#c20000'
       }else if (v.size > 90) {
           return '#fe0000'
       }else if (v.size > 60) {
           return '#ff4244'
       }else if (v.size > 40) {
           return '#ff7f7e'
       }
           return '#fec2c2'
    }]}
    tooltip={[
       'name*properties',
          (t, p) => {
            return {
            //自定义 tooltip 上显示的 title 显示内容等。
              name: '人数',
              title: t,
              value: p.size
            };
          },
    ]}
/>