[Bug]: tick collapsed when value is 0 in Gauge

[alexsbolduin]

Describe the bug / 问题描述

When I use the value 0, everything ticks, and the entire graph collapses into one point.

Reproduction link / 复现链接

No response

Steps to Reproduce the Bug or Issue / 重现步骤

import React from "react";
import { Gauge as GaugeAnt, GaugeConfig } from "@ant-design/plots";

export const Gauge = () => {
  const config: GaugeConfig = {
    data: {
      percent: 0
    },
    axis: {
      y: {
        tickMethod: () => [0, 0.05, 0.1, 0.15, 0.2, 0.25, 0.3, 0.35, 0.4, 0.45, 0.5, 0.55, 0.6, 0.65, 0.7, 0.75, 0.8, 0.85, 0.9, 0.95, 1]
      }
    },
    style: {
      textContent: () => "value: 0"
    }
  };
  return <GaugeAnt {...config} />;
};

Version / 版本

Please select / 请选择

OS / 操作系统

• macOS
• Windows
• Linux
• Others / 其他

Browser / 浏览器

• Chrome
• Edge
• Firefox
• Safari (Limited support / 有限支持)
• IE (Nonsupport / 不支持)
• Others / 其他

[dosubot]

Hi @alexsbolduin! I'm Dosu and I’m helping the ant-design-charts team.

This is a known issue in ant-design-charts: when the Gauge's value (percent) is 0, all ticks collapse to a single point because the library passes your configuration directly to the underlying plotting engine without handling this edge case. There is currently no logic in the Gauge component or its adaptors to prevent or compensate for this, so custom ticks all map to the same position, causing the collapse you see. Similar rendering bugs with zero values have been reported in other chart types as well, indicating this is a broader limitation of the library's handling of edge values [issue 2549].

Recent updates have improved scale and rendering logic for some charts, but there is no explicit fix for Gauge at value 0 yet [PR 3047, PR 3060]. As a workaround, you might consider setting a very small minimum value (like 0.01) instead of 0 to avoid the collapse, or handle the zero case in your UI logic to display a placeholder or message instead of rendering the Gauge.

If you need to track this for future updates, keep an eye on issues and PRs related to Gauge and scale handling in the repository.

To reply, just mention @dosu.

---

Share context across your team and agents. Try Dosu.

[lxfu1]

    data: {
      target: 0,
      total: 1,
    },