Elysia Tools Docs
PT
Idioma
ZHESPTRUFRDEEN
Voltar ao site
Explorar ferramentas

Data Visualization

Gerador de Gráfico de Barras Empilhadas

Gerar gráficos de barras empilhadas interativos para visualizar a composição de dados categóricos, perfeito para comparar múltiplas séries de dados entre categorias

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-bar-chart' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"JSON format:\n[{"category": "Q1", "series": "Product A", "value": 100},\n{"category": "Q1", "series": "Product B", "value": 150},\n{"category": "Q2", "series": "Product A", "value": 120},\n{"category": "Q2", "series": "Product B", "value": 180}]","chartTitle":"Digite o título do gráfico...","colorScheme":"default","customColors":"["#FF6B6B", "#4ECDC4", "#45B7D1", "#FFA07A"]","valueFormat":"number","chartHeight":"400","barSpacing":"0.2","backgroundColor":"#ffffff","showValues":true,"showLegend":true,"showGrid":true,"showAnimation":true,"showPercentage":false,"enableTooltip":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-bar-chart

Parâmetros

NomeTipoObrigatórioDescrição
chartDatatextareaSimDados para o gráfico de barras empilhadas em formato JSON com campos categoria, série e valor
chartTitletextNãoTítulo que será exibido acima do gráfico
colorSchemeselectNão—
customColorstextareaNãoArray JSON de cores hex (requer seleção de cores personalizadas)
valueFormatselectNão—
chartHeightnumberNãoAltura do gráfico em pixels (mín: 300, máx: 800)
barSpacingnumberNãoEspaçamento entre barras (0.1 - 0.5)
backgroundColorcolorNãoCor de fundo para o contêiner do gráfico
showValuescheckboxNãoExibir valores ou porcentagens nas barras
showLegendcheckboxNãoExibir legenda de cores para séries
showGridcheckboxNãoExibir linhas de grade horizontais
showAnimationcheckboxNãoAnimar barras quando o gráfico carrega
showPercentagecheckboxNãoMostrar porcentagens em vez de valores nas barras
enableTooltipcheckboxNãoMostrar informações detalhadas ao passar o mouse

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-bar-chart": {
      "name": "stacked-bar-chart",
      "description": "Gerar gráficos de barras empilhadas interativos para visualizar a composição de dados categóricos, perfeito para comparar múltiplas séries de dados entre categorias",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=stacked-bar-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-bar-chart",
    "arguments": {
  "chartData": "JSON format:\n[{&quot;category&quot;: &quot;Q1&quot;, &quot;series&quot;: &quot;Product A&quot;, &quot;value&quot;: 100},\n{&quot;category&quot;: &quot;Q1&quot;, &quot;series&quot;: &quot;Product B&quot;, &quot;value&quot;: 150},\n{&quot;category&quot;: &quot;Q2&quot;, &quot;series&quot;: &quot;Product A&quot;, &quot;value&quot;: 120},\n{&quot;category&quot;: &quot;Q2&quot;, &quot;series&quot;: &quot;Product B&quot;, &quot;value&quot;: 180}]",
  "chartTitle": "Digite o título do gráfico...",
  "colorScheme": "default",
  "customColors": "[&quot;#FF6B6B&quot;, &quot;#4ECDC4&quot;, &quot;#45B7D1&quot;, &quot;#FFA07A&quot;]",
  "valueFormat": "number",
  "chartHeight": "400",
  "barSpacing": "0.2",
  "backgroundColor": "#ffffff",
  "showValues": true,
  "showLegend": true,
  "showGrid": true,
  "showAnimation": true,
  "showPercentage": false,
  "enableTooltip": 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