Skip to main content
Glama

quickchart-mcp-server

create-chart-using-chartjs

Generate charts in various formats like PNG, SVG, or PDF using Chart.js configurations. Choose to get a chart URL or save the image file directly for integration or sharing.

Instructions

Create a chart using QuickChart.io - get chart image URL or save chart image to file

Input Schema

NameRequiredDescriptionDefault
actionYesWhether to get chart URL or save chart as file
backgroundColorNoCanvas background color - rgb, hex, hsl, or color names (default: transparent)
chartYesChart.js configuration object
devicePixelRatioNoPixel ratio for Retina support (default: 2)
encodingNoChart configuration encoding method (default: url)
formatNoOutput format (default: png)
heightNoPixel height (default: 300)
keyNoAPI key (optional)
outputPathNoPath where to save the file (only used with action=save_file)
versionNoChart.js version - '2', '3', '4', or specific version (default: '2.9.4')
widthNoPixel width (default: 500)

Input Schema (JSON Schema)

{ "properties": { "action": { "description": "Whether to get chart URL or save chart as file", "enum": [ "get_url", "save_file" ], "type": "string" }, "backgroundColor": { "description": "Canvas background color - rgb, hex, hsl, or color names (default: transparent)", "type": "string" }, "chart": { "additionalProperties": true, "description": "Chart.js configuration object", "properties": { "data": { "additionalProperties": true, "description": "Chart data", "properties": { "datasets": { "description": "Datasets to display in the chart", "items": { "additionalProperties": true, "properties": { "backgroundColor": { "description": "Background color(s)" }, "borderColor": { "description": "Border color(s)" }, "data": { "description": "Data points" }, "label": { "description": "Label for this dataset", "type": "string" } }, "required": [ "data" ], "type": "object" }, "type": "array" }, "labels": { "description": "Labels for the data points", "items": {}, "type": "array" } }, "required": [ "datasets" ], "type": "object" }, "options": { "additionalProperties": true, "description": "Chart.js options", "type": "object" }, "type": { "description": "The type of chart to generate", "enum": [ "bar", "line", "pie", "doughnut", "radar", "polarArea", "scatter", "bubble", "radialGauge", "speedometer" ], "type": "string" } }, "required": [ "type", "data" ], "type": "object" }, "devicePixelRatio": { "description": "Pixel ratio for Retina support (default: 2)", "enum": [ 1, 2 ], "type": "integer" }, "encoding": { "description": "Chart configuration encoding method (default: url)", "enum": [ "url", "base64" ], "type": "string" }, "format": { "description": "Output format (default: png)", "enum": [ "png", "webp", "jpg", "svg", "pdf", "base64" ], "type": "string" }, "height": { "description": "Pixel height (default: 300)", "type": "integer" }, "key": { "description": "API key (optional)", "type": "string" }, "outputPath": { "description": "Path where to save the file (only used with action=save_file)", "type": "string" }, "version": { "description": "Chart.js version - '2', '3', '4', or specific version (default: '2.9.4')", "type": "string" }, "width": { "description": "Pixel width (default: 500)", "type": "integer" } }, "required": [ "action", "chart" ], "type": "object" }

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/TakanariShimbo/quickchart-mcp-server'

If you have feedback or need assistance with the MCP directory API, please join our Discord server