# Create Line chart ### Overview Line charts connect data points over a continuous axis (usually time) to highlight trends and direction. They’re ideal for showing how a metric changes across evenly spaced intervals. ### When to use it * Tracking performance over weeks, months, or releases. * Comparing a handful (≤4) of series without overwhelming the viewer. * Highlighting growth/decline patterns or seasonality. Avoid line charts when categories are non-sequential or when you have dozens of series—switch to a heatmap or bar chart instead. ### Data requirements * At least one numeric series. * Categories in sequential order (e.g., time, ordered stages). * Supports multiple series; each series shares the same categories. ### Style options available | Group | Control | Input type | Options | Description | | ---------------------- | ----------------------- | ---------- | -------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | | Colors | Color palette | palette | — | Palette applied to series; sets the default colours for the chart. | | General → Line | Type | select | line, spline | Selects the exact chart variant rendered for this series (line or spline). | | General → Line | Line width | number | — | Thickness of the line or outline in pixels. | | General → Line | Line style | select | Solid, Dash, Dot | Dash pattern applied to lines. | | General → Line | Show dots | boolean | — | Toggles the display of point markers on lines or areas. | | General → Line | Radius of dots | number | — | Radius of markers drawn on the line chart in pixels. | | General → Data labels | Show data labels | boolean | — | Shows numeric labels directly on data points. | | General → Data labels | Allow labels to overlap | boolean | — | Allows labels to render even if they collide instead of hiding them automatically. | | General → Data labels | Font name | text | — | Font family used for titles, labels, or legend text. | | General → Data labels | Font style | text | — | Font weight or style (e.g., bold, italic). | | General → Data labels | Font size | number | — | Font size in pixels for the selected text element. | | General → Data labels | Font color | color | — | Colour of the text shown for this element. | | Axes → X Axis | Show X Axis | boolean | — | Shows or hides the X axis line, ticks, and labels. | | Axes → X Axis | Base line width | number | — | Thickness of the axis baseline line in pixels. | | Axes → X Axis | Grid line width | number | — | Thickness of gridlines in pixels. | | Axes → X Axis | Base line color | color | — | Colour of the axis baseline line. | | Axes → X Axis | Grid line color | color | — | Colour for gridlines drawn across the chart background. | | Axes → X Axis | Grid line style | select | Solid, ShortDash, ShortDot, ShortDashDot, ShortDashDotDot, Dot, Dash, LongDash, DashDot, LongDashDot, LongDashDotDot | Line pattern used for gridlines (solid, dashed, dotted, etc.). | | Axes → X Axis | Tick width | number | — | Thickness of tick marks in pixels. | | Axes → X Axis | Tick length | number | — | Length of the tick marks in pixels. | | Axes → X Axis | Tick color | color | — | Colour of the axis tick marks. | | Axes → X Axis | Allow labels to overlap | boolean | — | Allows labels to render even if they collide instead of hiding them automatically. | | Axes → X Axis | Show every n'th label | number | — | Skips labels so only every nth label is drawn. | | Axes → X Axis | Rotation of labels | number | — | Rotation angle applied to axis or data labels in degrees. | | Axes → X Axis | Type | select | category, linear, logarithmic, datetime | Sets the horizontal axis scale (category, numeric, logarithmic, or datetime). | | Axes → X Axis | Tick placement | select | on, between | Whether ticks sit on category positions or between them. | | Axes → X Axis | Point placement | select | on, between | Positions points inside their category slot (on the tick or between ticks). | | Axes → X Axis | Opposite side | boolean | — | Positions the axis on the opposite side of the chart (top/right). | | Axes → X Axis | Margin for title | number | — | Space between the axis title and the axis labels/ticks. | | Axes → Y Axis | Show Y Axis | boolean | — | Shows or hides the Y axis line, ticks, and labels. | | Axes → Y Axis | Base line width | number | — | Thickness of the axis baseline line in pixels. | | Axes → Y Axis | Grid line width | number | — | Thickness of gridlines in pixels. | | Axes → Y Axis | Base line color | color | — | Colour of the axis baseline line. | | Axes → Y Axis | Grid line color | color | — | Colour for gridlines drawn across the chart background. | | Axes → Y Axis | Grid line style | select | Solid, ShortDash, ShortDot, ShortDashDot, ShortDashDotDot, Dot, Dash, LongDash, DashDot, LongDashDot, LongDashDotDot | Line pattern used for gridlines (solid, dashed, dotted, etc.). | | Axes → Y Axis | Tick width | number | — | Thickness of tick marks in pixels. | | Axes → Y Axis | Tick length | number | — | Length of the tick marks in pixels. | | Axes → Y Axis | Tick color | color | — | Colour of the axis tick marks. | | Axes → Y Axis | Labels alignment | select | left, center, right | Horizontal alignment of axis labels relative to the tick mark. | | Axes → Y Axis | X offset | number | — | Horizontal offset applied to axis labels. | | Axes → Y Axis | Y offset | number | — | Vertical offset applied to axis labels. | | Axes → Y Axis | Type | select | category, linear, logarithmic, datetime | Sets the vertical axis scale (category, numeric, logarithmic, or datetime). | | Axes → Y Axis | Opposite side | boolean | — | Positions the axis on the opposite side of the chart (top/right). | | Axes → Y Axis | Margin for title | number | — | Space between the axis title and the axis labels/ticks. | | Axes → Common | Font name | text | — | Font family used for titles, labels, or legend text. | | Axes → Common | Font style | text | — | Font weight or style (e.g., bold, italic). | | Axes → Common | Font size | number | — | Font size in pixels for the selected text element. | | Axes → Common | Font color | color | — | Colour of the text shown for this element. | | Axes → Axes titles | Font name | text | — | Font family used for titles, labels, or legend text. | | Axes → Axes titles | Font style | text | — | Font weight or style (e.g., bold, italic). | | Axes → Axes titles | Font size | number | — | Font size in pixels for the selected text element. | | Axes → Axes titles | Font color | color | — | Colour of the text shown for this element. | | Axes → Axes titles | X Axis margin | number | — | Extra padding around the X axis labels for titles. | | Axes → Axes titles | Y Axis margin | number | — | Extra padding around the Y axis labels for titles. | | Legend → Main | Show legend | boolean | — | Shows or hides the legend box. | | Legend → Main | Horizontal align | select | left, center, right | Horizontal alignment for the legend box (left, centre, right). | | Legend → Main | Vertical align | select | top, middle, bottom | Vertical alignment for the legend box (top, middle, bottom). | | Legend → Main | Layout | select | horizontal, vertical, proximate | Orientation of the legend items (horizontal row, vertical column, or proximate). | | Legend → Additional | Margin for legend | number | — | Outer margin around the legend box. | | Legend → Additional | Margin top for items | number | — | Top padding inside the legend between items. | | Legend → Additional | Margin bottom for items | number | — | Bottom padding inside the legend between items. | | Legend → Additional | Distance between items | number | — | Horizontal spacing between legend entries. | | Legend → Style | Font name | text | — | Font family used for titles, labels, or legend text. | | Legend → Style | Font style | text | — | Font weight or style (e.g., bold, italic). | | Legend → Style | Font size | number | — | Font size in pixels for the selected text element. | | Legend → Style | Font color | color | — | Colour of the text shown for this element. | | Title → Chart title | Font name | text | — | Font family used for titles, labels, or legend text. | | Title → Chart title | Font style | text | — | Font weight or style (e.g., bold, italic). | | Title → Chart title | Font size | number | — | Font size in pixels for the selected text element. | | Title → Chart title | Font color | color | — | Colour of the text shown for this element. | | Title → Chart title | Margin bottom | number | — | Extra space below chart titles or subtitles in pixels. | | Title → Chart subtitle | Font name | text | — | Font family used for titles, labels, or legend text. | | Title → Chart subtitle | Font style | text | — | Font weight or style (e.g., bold, italic). | | Title → Chart subtitle | Font size | number | — | Font size in pixels for the selected text element. | | Title → Chart subtitle | Font color | color | — | Colour of the text shown for this element. | ### Have problems or want to improve this chart type? Ping us via . --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://help.chartplugin.com/how-to-create-your-first-chart/create-line-chart.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.