Categorias

← View All Tools

Gráfico de Anel de Progresso

Criar indicadores de progresso circulares bonitos com animações, perfeitos para exibir porcentagens, taxas de conclusão e métricas de progresso

Valores de progresso (0-100). Suporta array JSON com etiquetas, pares simples etiqueta:valor ou apenas valores

Título que será exibido acima do gráfico

Tamanho de cada anel de progresso em pixels

Espessura do traço do anel de progresso

Ângulo de início em graus (-90 = topo, 0 = direita, 90 = base, 180 = esquerda)

Cores personalizadas para anéis de progresso (cores hex separadas por vírgula)

Duração da animação de progresso em milissegundos

Cor de fundo para o contêiner do gráfico

Exibir valor de porcentagem no centro de cada anel

Exibir rótulo abaixo de cada anel de progresso

Animar os anéis de progresso quando carregados

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/progress-ring-chart

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
progressData textarea Sim Valores de progresso (0-100). Suporta array JSON com etiquetas, pares simples etiqueta:valor ou apenas valores
chartTitle text Não Título que será exibido acima do gráfico
ringSize number Não Tamanho de cada anel de progresso em pixels
ringThickness number Não Espessura do traço do anel de progresso
startAngle number Não Ângulo de início em graus (-90 = topo, 0 = direita, 90 = base, 180 = esquerda)
colorScheme select Não -
customColors text Não Cores personalizadas para anéis de progresso (cores hex separadas por vírgula)
animationDuration number Não Duração da animação de progresso em milissegundos
backgroundColor color Não Cor de fundo para o contêiner do gráfico
showPercentage checkbox Não Exibir valor de porcentagem no centro de cada anel
showLabel checkbox Não Exibir rótulo abaixo de cada anel de progresso
animated checkbox Não Animar os anéis de progresso quando carregados

Formato de resposta

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-progress-ring-chart": {
      "name": "progress-ring-chart",
      "description": "Criar indicadores de progresso circulares bonitos com animações, perfeitos para exibir porcentagens, taxas de conclusão e métricas de progresso",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=progress-ring-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]