generate_echarts

Create dynamic, customizable charts using Apache ECharts with JSON configurations. Export visualizations as PNG, SVG, or JSON options for integration into web applications.

Instructions

Generate visual charts using Apache ECharts with echarts option and configuration dynamically. Apache ECharts is an Open Source JavaScript Visualization Library, which is used to create interactive charts and visualizations in web applications. It supports a wide range of chart types, including line charts, bar charts, pie charts, scatter plots, and more. ECharts is highly customizable and can be integrated with various data sources to create dynamic visualizations.

Input Schema

Name	Required	Description	Default
`echartsOption`	Yes	ECharts option and configuration used to generate charts. For example: { "title": { "text": "ECharts Entry Example", "left": "center", "top": "2%" }, "tooltip": {}, "xAxis": { "data": ["shirt", "cardigan", "chiffon", "pants", "heels", "socks"] }, "yAxis": {}, "series": [{ "name": "Sales", "type": "bar", "data": [5, 20, 36, 10, 10, 20] }] } ATTENTION: A valid ECharts option must be a valid JSON string, and cannot be empty.
`height`	No	The height of the ECharts in pixels. Default is 600.
`outputType`	No	The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.	png
`theme`	No	ECharts theme, optional. Default is 'default'.	default
`width`	No	The width of the ECharts in pixels. Default is 800.

Input Schema (JSON Schema)

{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "additionalProperties": false,
  "properties": {
    "echartsOption": {
      "description": "ECharts option and configuration used to generate charts. For example:\n{\n  \"title\": {\n    \"text\": \"ECharts Entry Example\",\n    \"left\": \"center\",\n    \"top\": \"2%\"\n  },\n  \"tooltip\": {},\n  \"xAxis\": {\n    \"data\": [\"shirt\", \"cardigan\", \"chiffon\", \"pants\", \"heels\", \"socks\"]\n  },\n  \"yAxis\": {},\n  \"series\": [{\n    \"name\": \"Sales\",\n    \"type\": \"bar\",\n    \"data\": [5, 20, 36, 10, 10, 20]\n  }]\n}\n\nATTENTION: A valid ECharts option must be a valid JSON string, and cannot be empty.\n",
      "minLength": 1,
      "type": "string"
    },
    "height": {
      "default": 600,
      "description": "The height of the ECharts in pixels. Default is 600.",
      "type": "number"
    },
    "outputType": {
      "default": "png",
      "description": "The output type of the diagram. Can be 'png', 'svg' or 'option'. Default is 'png', 'png' will return the rendered PNG image, 'svg' will return the rendered SVG string, and 'option' will return the valid ECharts option.",
      "enum": [
        "png",
        "svg",
        "option"
      ],
      "type": "string"
    },
    "theme": {
      "default": "default",
      "description": "ECharts theme, optional. Default is 'default'.",
      "enum": [
        "default",
        "dark"
      ],
      "type": "string"
    },
    "width": {
      "default": 800,
      "description": "The width of the ECharts in pixels. Default is 800.",
      "type": "number"
    }
  },
  "required": [
    "echartsOption"
  ],
  "type": "object"
}

MCP ECharts