开启.style('gradient', 'color')之后slider拖动报错, 例子如下 #5230

AntV Open Source Contribution Plan（可选）

• 我同意将这个 Issue 参与 OSCP 计划

Issue 类型

初级任务

任务介绍

以下代码在拖动 Slider 时候报错，期望修复这个问题。

import { Chart } from '@antv/g2';

chart.options({
  type: "line",
  data: [
    {
      area: "东北",
      province: "长春",
      customer: "方先生",
      value: 10000,
      value2: 60000,
    },
    {
      area: "东北",
      province: "辽宁",
      customer: "方先生",
      value: 10000,
      value2: 60000,
    },
    {
      area: "",
      province: "辽宁",
      customer: "方先生",
      value: null,
      value2: null,
    },
    {
      area: "华东",
      province: "上海",
      customer: "林小姐",
      value: 10000,
      value2: 10000,
    },
    {
      area: "华东",
      province: "山东",
      customer: "陈先生",
      value: 40000,
      value2: 160000,
    },
    {
      area: "华东",
      province: "江苏",
      customer: "王先生",
      value: 10000,
      value2: 50000,
    },
    {
      area: "华东",
      province: "江西",
      customer: "成先生",
      value: 10000,
      value2: 30000,
    },
  ],
  encode: {
    x: (x) => `(${x.area}, ${x.province})`,
    y: "value",
    color: "value",
  },
  scale: { color: { type: "linear", unknown: "#fff" } },
  style: { gradient: "color", lineWidth: 2 },
  slider: { x: true },
})

chart.render();

参考说明

可能和 Slider 拖动的时候产生的 null 数据有关系