[Bug]: 仪表盘调整角度不生效

[xiaoke-1]

Describe the bug / 问题描述

在仪表盘组件里通过坐标系改变起止角度没有生效

Reproduction link / 复现链接

No response

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

官方的仪表盘示例,增加角度设置就可复现

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

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

chart
  .gauge()
  .coordinate({
    //改变角度不生效
    startAngle:-Math.PI / 2,
    endAngle:Math.PI * 3
  })
  .data({
    value: {
      target: 120,
      total: 400,
      name: 'score',
    },
  })
  .legend(false);

chart.render();

Version / 版本

Please select / 请选择

OS / 操作系统

• macOS
• Windows
• Linux
• Others / 其他

Browser / 浏览器

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

[github-actions]

@xiaoke-1 您好！以下是关于您问题的自动回复：

您好，感谢您的反馈！关于仪表盘（Gauge）组件调整角度不生效的问题，以下是详细分析与建议：

---

问题分析

您的代码如下：

chart
  .gauge()
  .coordinate({
    //改变角度不生效
    startAngle: -Math.PI / 2,
    endAngle: Math.PI * 3
  })
  .data({
    value: {
      target: 120,
      total: 400,
      name: 'score',
    },
  })
  .legend(false);

chart.render();

您希望通过 startAngle 和 endAngle 调整仪表盘的显示角度，但发现设置后无效果。

---

原因说明

1. gauge() API限制：

   • G2 的 .gauge() 快捷 API 可能并不直接支持通过 .coordinate() 方法传递角度配置（部分快捷 mark 的 coordinate 配置会被内部覆盖）。
   • 通常，仪表盘的起止角度需要在 chart 的整体 options 里显式配置，而非通过链式 coordinate。

2. 正确配置方式：

   • 推荐使用 G2 的标准 options 配置，将 type 设置为 gauge，并在 options 的 coordinate 字段里传递 startAngle/endAngle。例如：

   import { Chart } from '@antv/g2';
   
   const chart = new Chart({
     container: 'container',
     autoFit: true,
   });
   
   chart.options({
     type: 'gauge',
     coordinate: {
       startAngle: -Math.PI / 2,
       endAngle: Math.PI * 3
     },
     data: {
       value: {
         target: 120,
         total: 400,
         name: 'score',
       },
     },
     legend: false,
   });
   
   chart.render();

   或者参照官方文档，使用 chart.options({...}) 配置整体参数。

---

参考示例

官方文档推荐的配置方式：

chart.options({
  type: 'gauge',
  coordinate: {
    startAngle: -Math.PI / 2,
    endAngle: Math.PI * 3,
  },
  data: {
    value: { target: 120, total: 400, name: 'score' },
  },
  legend: false,
});
chart.render();

官方文档参考：Gauge mark

---

建议操作

1. 请将您的代码调整为使用 chart.options({...}) 的方式，并在 options 的 coordinate 字段配置角度。
2. 若仍无效果，请确认 G2 版本是否为最新，或是否出现报错（可提供控制台截图）。

---

其他补充

• 如果后续需要对仪表盘更多自定义（文本、指针样式等），建议参考 Gauge mark 文档。
• 若仍遇到问题，请补充 G2 版本信息和浏览器控制台报错信息。

---

如有更多需求或疑问，欢迎继续反馈！

---

此回复由 AI 助手自动生成。如有任何问题，我们的团队会尽快跟进。

[taoeer]

[xiaoke-1]

这个range我之前尝试过,
其一是始终没太明白这个range和角度的换算关系,我看坐标系里有专门的参数用来指定起止角度,这个感觉好理解,但是不生效
其二是比如想指定是一个整圆,或者UI给设计图上指定了一个角度,range调了好久都弄不出来对应的效果