Elysia Tools Docs
PT
Idioma
ZHESPTRUFRDEEN
Voltar ao site
Explorar ferramentas

Data Visualization

Gerador de Gráfico de Degraus

Criar gráficos de degraus com visualização de dados estilo escada, perfeito para mostrar mudanças discretas ao longo do tempo

html· Resultado HTMLAbrir ferramenta

Início rápido

Chame esta ferramenta a partir do seu código em três idiomas.

cURL
curl -X POST 'https://api.elysiatools.com/pt/api/tools/step-chart-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartTitle":"Digite o título do gráfico...","dataPoints":"JSON format example:\n[{"x": "Jan", "y": 100, "label": "January"},\n{"x": "Feb", "y": 150, "label": "February"},\n{"x": "Mar", "y": 120, "label": "March"},\n{"x": "Apr", "y": 180, "label": "April"}]","xAxisLabel":"X Axis","yAxisLabel":"Y Axis","stepStyle":"step-before","lineColor":"#3b82f6","lineWidth":"2","pointColor":"#3b82f6","pointSize":"4","showDataPoints":true,"showLabels":false,"showGrid":true,"fillArea":false,"areaColor":"#3b82f6","gridColor":"#e0e0e0","backgroundColor":"#ffffff","chartWidth":"800","chartHeight":"500","dataLabelFormat":"number","fontSize":"12","titleSize":"18","fontFamily":"Arial","animationEnabled":true,"animationDuration":"1000"}'

© 2026 Elysia Tools. Documentação para desenvolvedores.

Voltar ao siteExplorar ferramentas

Referência da API

Envie uma requisição POST com suas entradas em JSON. Parâmetros do tipo arquivo exigem upload prévio.

Endpoint

HTTP
POST https://api.elysiatools.com/pt/api/tools/step-chart-generator

Parâmetros

NomeTipoObrigatórioDescrição
chartTitletextNãoTítulo que será exibido acima do gráfico de degraus
dataPointstextareaSimPontos de dados como array JSON com propriedades x, y e rótulo opcional
xAxisLabeltextNãoRótulo para o eixo X
yAxisLabeltextNãoRótulo para o eixo Y
stepStyleselectSim—
lineColorcolorNãoCor da linha de degraus
lineWidthnumberNãoLargura da linha de degraus em pixels
pointColorcolorNãoCor dos pontos de dados
pointSizenumberNãoTamanho dos pontos de dados em pixels
showDataPointscheckboxNãoMostrar pontos de dados na linha de degraus
showLabelscheckboxNãoMostrar rótulos de valor nos pontos de dados
showGridcheckboxNãoMostrar linhas de grade de fundo
fillAreacheckboxNãoPreencher a área abaixo da linha de degraus com cor
areaColorcolorNãoCor para preenchimento de área (se habilitado)
gridColorcolorNãoCor das linhas de grade
backgroundColorcolorNãoCor de fundo do gráfico
chartWidthnumberNãoLargura do gráfico em pixels
chartHeightnumberNãoAltura do gráfico em pixels
dataLabelFormatselectNão—
fontSizenumberNãoTamanho da fonte para rótulos e texto
titleSizenumberNãoTamanho da fonte para o título do gráfico
fontFamilytextNãoFamília da fonte para elementos de texto
animationEnabledcheckboxNãoAnimar o gráfico quando carregar
animationDurationnumberNãoDuração da animação em milissegundos

Formato de resposta

Resultado HTML

JSON
{
  "result": "<div>Processed HTML content</div>",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

Integração MCP

Adicione esta ferramenta ao seu servidor Model Context Protocol para que agentes de IA possam listá-la e chamá-la.

Configuração do servidor

Adicione este bloco à configuração do seu cliente MCP:

mcp.json
{
  "mcpServers": {
    "elysiatools-step-chart-generator": {
      "name": "step-chart-generator",
      "description": "Criar gráficos de degraus com visualização de dados estilo escada, perfeito para mostrar mudanças discretas ao longo do tempo",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=step-chart-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Listar ferramentas disponíveis

Após conectar ao endpoint SSE, liste as ferramentas expostas:

tools/list
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Chamar esta ferramenta

Invoque a ferramenta pelo seu id; os argumentos são construídos a partir de seus parâmetros:

tools/call
{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "step-chart-generator",
    "arguments": {
  "chartTitle": "Digite o título do gráfico...",
  "dataPoints": "JSON format example:\n[{&quot;x&quot;: &quot;Jan&quot;, &quot;y&quot;: 100, &quot;label&quot;: &quot;January&quot;},\n{&quot;x&quot;: &quot;Feb&quot;, &quot;y&quot;: 150, &quot;label&quot;: &quot;February&quot;},\n{&quot;x&quot;: &quot;Mar&quot;, &quot;y&quot;: 120, &quot;label&quot;: &quot;March&quot;},\n{&quot;x&quot;: &quot;Apr&quot;, &quot;y&quot;: 180, &quot;label&quot;: &quot;April&quot;}]",
  "xAxisLabel": "X Axis",
  "yAxisLabel": "Y Axis",
  "stepStyle": "step-before",
  "lineColor": "#3b82f6",
  "lineWidth": "2",
  "pointColor": "#3b82f6",
  "pointSize": "4",
  "showDataPoints": true,
  "showLabels": false,
  "showGrid": true,
  "fillArea": false,
  "areaColor": "#3b82f6",
  "gridColor": "#e0e0e0",
  "backgroundColor": "#ffffff",
  "chartWidth": "800",
  "chartHeight": "500",
  "dataLabelFormat": "number",
  "fontSize": "12",
  "titleSize": "18",
  "fontFamily": "Arial",
  "animationEnabled": true,
  "animationDuration": "1000"
}
  }
}
Encadeie várias ferramentas em uma sessão com uma lista toolId separada por vírgulas, p. ex. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (máx. 20).

Dúvidas ou problemas? Contate [email protected]

Explorar ferramentas
Abrir ferramenta