ant-design-charts v2.2.1 自定义柱形图颜色

Question

我想更改图表中列的

color

，但我仍然没有找到使用新文档的方法

  const config = {
    xField: "title",
    yField: "value",
    label: {
      text: (d: any) => {
        console.debug("d", d);
        return `${(d.value * 100).toFixed(1)}%`;
      },
      textBaseline: "bottom",
    },
    style: {
        radiusTopLeft: 6,
        radiusTopRight: 6,
      },
    legend: false,
    colorField: "group",
    group: true,
  };

更改图表中的列的颜色

Answer 1

试试这个：

定义您的调色板数组：

const COLOR_PALETTE = [
    "#ff87cd",
    "#2f97b7",
  ]

然后你可以像这样更新你的配置文件：

scale: {
    color: { range: COLOR_PALETTE },
  },