F2 icon indicating copy to clipboard operation
F2 copied to clipboard

如何定义多条折线图的颜色

Open shipMatserJack opened this issue 3 years ago • 2 comments

背景:多条折线图下,使用官方demo配置,color="线条类型字段"时,会显示默认颜色 e.g. <Line x="date" y="value" color="city" adjust="stack" />

问题:如何修改配置,可以自定义线条颜色

shipMatserJack avatar Jan 11 '22 11:01 shipMatserJack

滴滴

shipMatserJack avatar Jan 12 '22 07:01 shipMatserJack

有两个方式:

  1. color 支持 (filed, callback)的入参方式
chart.point().position('x*y').color('z', (value) => {
  if(value === 1) {
    return 'red'
  }

  return 'blue';
});
  1. 可以通过F2.Global.setTheme 修改图表的色系 https://f2.antv.vision/zh/docs/api/global

ACERY1 avatar Feb 16 '22 01:02 ACERY1