Categorías

← View All Tools

Gráfico de Anillo de Progreso

Crear indicadores de progreso circulares hermosos con animaciones, perfectos para mostrar porcentajes, tasas de finalización y métricas de progreso

Valores de progreso (0-100). Soporta array JSON con etiquetas, pares simples etiqueta:valor o solo valores

Título que se mostrará encima del gráfico

Tamaño de cada anillo de progreso en píxeles

Grosor del trazo del anillo de progreso

Ángulo de inicio en grados (-90 = arriba, 0 = derecha, 90 = abajo, 180 = izquierda)

Colores personalizados para anillos de progreso (colores hex separados por comas)

Duración de la animación de progreso en milisegundos

Color de fondo para el contenedor del gráfico

Mostrar valor de porcentaje en el centro de cada anillo

Mostrar etiqueta debajo de cada anillo de progreso

Animar los anillos de progreso cuando se cargan

Documentación de la API

Punto final de la solicitud

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

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
progressData textarea Sí Valores de progreso (0-100). Soporta array JSON con etiquetas, pares simples etiqueta:valor o solo valores
chartTitle text No Título que se mostrará encima del gráfico
ringSize number No Tamaño de cada anillo de progreso en píxeles
ringThickness number No Grosor del trazo del anillo de progreso
startAngle number No Ángulo de inicio en grados (-90 = arriba, 0 = derecha, 90 = abajo, 180 = izquierda)
colorScheme select No -
customColors text No Colores personalizados para anillos de progreso (colores hex separados por comas)
animationDuration number No Duración de la animación de progreso en milisegundos
backgroundColor color No Color de fondo para el contenedor del gráfico
showPercentage checkbox No Mostrar valor de porcentaje en el centro de cada anillo
showLabel checkbox No Mostrar etiqueta debajo de cada anillo de progreso
animated checkbox No Animar los anillos de progreso cuando se cargan

Formato de respuesta

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

Documentación de MCP

Agregue este herramienta a su configuración de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-progress-ring-chart": {
      "name": "progress-ring-chart",
      "description": "Crear indicadores de progreso circulares hermosos con animaciones, perfectos para mostrar porcentajes, tasas de finalización y métricas de progreso",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=progress-ring-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Puede encadenar múltiples herramientas, por ejemplo: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máximo 20 herramientas.

Si encuentra algún problema, por favor, póngase en contacto con nosotros en [email protected]