Elysia Tools Docs
PT
Idioma
ZHESPTRUFRDEEN
Voltar ao site
Explorar ferramentas

Data Visualization

Gerador de Gráficos de Área Empilhada

Gerar gráficos de área empilhada mostrando tendências cumulativas de múltiplas séries de dados, perfeito para visualizar tendências totais e contribuições de componentes

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/stacked-area-chart' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"Multi-series JSON:\n{"labels": ["Jan", "Feb", "Mar"],\n  "series": [\n    {"name": "Product A", "data": [100, 150, 120]},\n    {"name": "Product B", "data": [80, 110, 140]},\n    {"name": "Product C", "data": [50, 70, 90]}\n  ]\n}\n\nor single series JSON:\n[{"label": "Jan", "value": 100}, {"label": "Feb", "value": 150}, {"label": "Mar", "value": 120}]","chartTitle":"Digite o título do gráfico...","curveType":"smooth","areaColors":"#3b82f6,#10b981,#f59e0b","fillOpacity":"0.6","backgroundColor":"#ffffff","gridColor":"#e0e0e0","lineWidth":"2","chartHeight":"400","maxValue":0,"minValue":"0","xAxisLabel":"Category","yAxisLabel":"Value","showGrid":true,"showPoints":false,"showValues":false,"showTotalLine":true,"normalizeData":false,"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/stacked-area-chart

Parâmetros

NomeTipoObrigatórioDescrição
chartDatatextareaSimDados para o gráfico empilhado. Suporta JSON multi-séries para empilhamento ou array de série única
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.
fillOpacitytextNãoOpacidade do preenchimento da área (0.1 a 1.0)
backgroundColorcolorNãoCor de fundo para o contêiner do gráfico
gridColorcolorNãoCor para as linhas da grade
lineWidthnumberNãoLargura das linhas de limite 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ãoMostrar linhas da grade para melhor legibilidade
showPointscheckboxNãoMostrar pontos de dados nas áreas
showValuescheckboxNãoMostrar os valores reais nos pontos de dados
showTotalLinecheckboxNãoMostrar uma linha mostrando o total cumulativo
normalizeDatacheckboxNãoConverter valores em porcentagens mostrando contribuição relativa
showLegendcheckboxNãoMostrar 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-stacked-area-chart": {
      "name": "stacked-area-chart",
      "description": "Gerar gráficos de área empilhada mostrando tendências cumulativas de múltiplas séries de dados, perfeito para visualizar tendências totais e contribuições de componentes",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=stacked-area-chart",
      "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": "stacked-area-chart",
    "arguments": {
  "chartData": "Multi-series JSON:\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    {&quot;name&quot;: &quot;Product B&quot;, &quot;data&quot;: [80, 110, 140]},\n    {&quot;name&quot;: &quot;Product C&quot;, &quot;data&quot;: [50, 70, 90]}\n  ]\n}\n\nor single series JSON:\n[{&quot;label&quot;: &quot;Jan&quot;, &quot;value&quot;: 100}, {&quot;label&quot;: &quot;Feb&quot;, &quot;value&quot;: 150}, {&quot;label&quot;: &quot;Mar&quot;, &quot;value&quot;: 120}]",
  "chartTitle": "Digite o título do gráfico...",
  "curveType": "smooth",
  "areaColors": "#3b82f6,#10b981,#f59e0b",
  "fillOpacity": "0.6",
  "backgroundColor": "#ffffff",
  "gridColor": "#e0e0e0",
  "lineWidth": "2",
  "chartHeight": "400",
  "maxValue": 0,
  "minValue": "0",
  "xAxisLabel": "Category",
  "yAxisLabel": "Value",
  "showGrid": true,
  "showPoints": false,
  "showValues": false,
  "showTotalLine": true,
  "normalizeData": false,
  "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