Elysia Tools Docs
PT
Idioma
ZHESPTRUFRDEEN
Voltar ao site
Explorar ferramentas

Data Visualization

Gerador de Gráfico de Área

Gerar gráficos de área personalizáveis a partir de dados com áreas preenchidas sob linhas, perfeito para mostrar tendências e dados cumulativos

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/area-chart-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"Single line JSON:\n[{"label": "Jan", "value": 100},\n{"label": "Feb", "value": 150}]\n\nMulti-line JSON:\n{\n  "labels": ["Jan", "Feb", "Mar"],\n  "series": [\n    {"name": "Product A", "data": [100, 150, 120]}\n  ]\n}\n\nor text format:\nJan:100\nFeb:150","chartTitle":"Digite o título do gráfico...","curveType":"linear","areaColors":"#3b82f6,#ef4444,#10b981","fillOpacity":"0.3","stacked":false,"backgroundColor":"#ffffff","gridColor":"#e0e0e0","lineWidth":"2","chartHeight":"400","maxValue":0,"minValue":0,"xAxisLabel":"Category","yAxisLabel":"Value","showGrid":true,"showPoints":true,"showValues":true,"showLegend":true}'

© 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/area-chart-generator

Parâmetros

NomeTipoObrigatórioDescrição
chartDatatextareaSimDados para o gráfico. Suporta array de linha única, objeto de múltiplas linhas ou formato de texto simples
chartTitletextNãoTítulo que será exibido acima do gráfico
curveTypeselectNão—
areaColorstextNãoCores para múltiplas áreas (cores hex separadas por vírgula). Deixe vazio para cores padrão.
fillOpacitynumberNãoOpacidade do preenchimento da área (0.0 a 1.0)
stackedcheckboxNãoEmpilhar áreas umas sobre as outras em vez de sobrepor
backgroundColorcolorNãoCor de fundo para o contêiner do gráfico
gridColorcolorNãoCor para as linhas da grade
lineWidthnumberNãoLargura das linhas da borda da área em pixels
chartHeightnumberNãoAltura do gráfico em pixels
maxValuenumberNãoValor máximo para o eixo Y (deixe vazio para escala automática)
minValuenumberNãoValor mínimo para o eixo Y
xAxisLabeltextNãoRótulo para o eixo X
yAxisLabeltextNãoRótulo para o eixo Y
showGridcheckboxNãoExibir linhas da grade para melhor legibilidade
showPointscheckboxNãoExibir pontos de dados na borda da área
showValuescheckboxNãoExibir os valores reais nos pontos de dados
showLegendcheckboxNãoExibir uma legenda abaixo do gráfico

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-area-chart-generator": {
      "name": "area-chart-generator",
      "description": "Gerar gráficos de área personalizáveis a partir de dados com áreas preenchidas sob linhas, perfeito para mostrar tendências e dados cumulativos",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=area-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": "area-chart-generator",
    "arguments": {
  "chartData": "Single line JSON:\n[{&quot;label&quot;: &quot;Jan&quot;, &quot;value&quot;: 100},\n{&quot;label&quot;: &quot;Feb&quot;, &quot;value&quot;: 150}]\n\nMulti-line JSON:\n{\n  &quot;labels&quot;: [&quot;Jan&quot;, &quot;Feb&quot;, &quot;Mar&quot;],\n  &quot;series&quot;: [\n    {&quot;name&quot;: &quot;Product A&quot;, &quot;data&quot;: [100, 150, 120]}\n  ]\n}\n\nor text format:\nJan:100\nFeb:150",
  "chartTitle": "Digite o título do gráfico...",
  "curveType": "linear",
  "areaColors": "#3b82f6,#ef4444,#10b981",
  "fillOpacity": "0.3",
  "stacked": false,
  "backgroundColor": "#ffffff",
  "gridColor": "#e0e0e0",
  "lineWidth": "2",
  "chartHeight": "400",
  "maxValue": 0,
  "minValue": 0,
  "xAxisLabel": "Category",
  "yAxisLabel": "Value",
  "showGrid": true,
  "showPoints": true,
  "showValues": true,
  "showLegend": true
}
  }
}
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