y通道type=log报错

[xyr550]

代码

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

const chart = new Chart({ container: "container" });

chart.options({
  type: "interval",
  theme: "classic",
  autoFit: true,
  data: {
    type: "fetch",
    value:
      "https://gw.alipayobjects.com/os/bmw-prod/fb9db6b7-23a5-4c23-bbef-c54a55fee580.csv",
  },
  encode: { x: "letter", y: "frequency" },
  scale: { y: { type: "log" } },
  axis: { y: { labelFormatter: ".0%" } },
});

chart.render();

[pearmini]

log 比例尺的 domainMin 不能为 0，理论上设置 scale: {y: { domainMin: 0.000001 }} 应该可以画出来，但是其实并没有出来，这个我去排查一下。

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

const chart = new Chart({ container: "container" });

chart.options({
  type: "interval",
  theme: "classic",
  padding: 'auto',
  data: {
    type: "fetch",
    value:
      "https://gw.alipayobjects.com/os/bmw-prod/fb9db6b7-23a5-4c23-bbef-c54a55fee580.csv",
  },
  encode: { x: "letter", y: "frequency" },
  scale: { y: { type: "log", domainMin: 0.00001, tickCount: -1 } },
});

chart.render();

[pearmini]

经过排查，这个不是 bug。上面例子中的 y1 为 [0, 0, 0, ..., 0]，而 log 比例尺无法映射 0。如果真的希望使用 log 比例尺，可以修改 y1 为接近 0 的值，如下：

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

const epsilon = 1e-6;

const chart = new Chart({ container: 'container' });

chart.options({
  type: 'interval',
  theme: 'classic',
  padding: 'auto',
  data: {
    type: 'fetch',
    value:
      'https://gw.alipayobjects.com/os/bmw-prod/fb9db6b7-23a5-4c23-bbef-c54a55fee580.csv',
  },
  encode: { x: 'letter', y: 'frequency', y1: epsilon },
  scale: { y: { type: 'log', tickCount: -1 } },
  axis: { y: { labelFormatter: (d) => (d === epsilon ? 0 : d) } },
});

chart.render();

[pearmini]

这个 PR 添加了一个例子：#5226