generate_line_chart
Create line charts to visualize trends over time using data with time and value fields. Customize style, theme, and dimensions for clear, informative visualizations.
Instructions
Generate a line chart to show trends over time, such as, the ratio of Apple computer sales to Apple's profits changed from 2000 to 2016.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| axisXTitle | No | Set the x-axis title of chart. | |
| axisYTitle | No | Set the y-axis title of chart. | |
| data | Yes | Data for line chart, it should be an array of objects, each object contains a `time` field and a `value` field, such as, [{ time: '2015', value: 23 }, { time: '2016', value: 32 }]. | |
| height | No | Set the height of chart, default is 400. | |
| stack | No | Whether stacking is enabled. When enabled, line charts require a 'group' field in the data. | |
| style | No | Custom style configuration for the chart. | |
| theme | No | Set the theme for the chart, optional, default is 'default'. | default |
| title | No | Set the title of chart. | |
| width | No | Set the width of chart, default is 600. |
Input Schema (JSON Schema)
{
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"axisXTitle": {
"default": "",
"description": "Set the x-axis title of chart.",
"type": "string"
},
"axisYTitle": {
"default": "",
"description": "Set the y-axis title of chart.",
"type": "string"
},
"data": {
"description": "Data for line chart, it should be an array of objects, each object contains a `time` field and a `value` field, such as, [{ time: '2015', value: 23 }, { time: '2016', value: 32 }].",
"items": {
"properties": {
"time": {
"type": "string"
},
"value": {
"type": "number"
}
},
"required": [
"time",
"value"
],
"type": "object"
},
"minItems": 1,
"type": "array"
},
"height": {
"default": 400,
"description": "Set the height of chart, default is 400.",
"type": "number"
},
"stack": {
"default": false,
"description": "Whether stacking is enabled. When enabled, line charts require a 'group' field in the data.",
"type": "boolean"
},
"style": {
"description": "Custom style configuration for the chart.",
"properties": {
"backgroundColor": {
"description": "Background color of the chart, such as, '#fff'.",
"type": "string"
},
"lineWidth": {
"description": "Line width for the lines of chart, such as 4.",
"type": "number"
},
"palette": {
"description": "Color palette for the chart, it is a collection of colors.",
"items": {
"type": "string"
},
"type": "array"
},
"texture": {
"default": "default",
"description": "Set the texture for the chart, optional, default is 'default'. 'rough' refers to hand-drawn style.",
"enum": [
"default",
"rough"
],
"type": "string"
}
},
"type": "object"
},
"theme": {
"default": "default",
"description": "Set the theme for the chart, optional, default is 'default'.",
"enum": [
"default",
"academy",
"dark"
],
"type": "string"
},
"title": {
"default": "",
"description": "Set the title of chart.",
"type": "string"
},
"width": {
"default": 600,
"description": "Set the width of chart, default is 600.",
"type": "number"
}
},
"required": [
"data"
],
"type": "object"
}