F2
F2 copied to clipboard
如何定义多条折线图的颜色
背景:多条折线图下,使用官方demo配置,color="线条类型字段"时,会显示默认颜色 e.g. <Line x="date" y="value" color="city" adjust="stack" />
问题:如何修改配置,可以自定义线条颜色
滴滴
有两个方式:
- color 支持 (filed, callback)的入参方式
chart.point().position('x*y').color('z', (value) => {
if(value === 1) {
return 'red'
}
return 'blue';
});
- 可以通过
F2.Global.setTheme
修改图表的色系 https://f2.antv.vision/zh/docs/api/global