> For the complete documentation index, see [llms.txt](https://docs.infotopics.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.infotopics.com/supertables/configuration/configuration-screen/data-tab/sparklines-pane/sparkline-formatting.md).

# Sparkline Formatting

You can customize how you want your Sparkline to look using the multiple formatting and styling options provided.

### Properties

<figure><img src="/files/hhxzy4JNUGX1EYlIWobh" alt=""><figcaption></figcaption></figure>

* **Hide columnin sidebar -** Hides the Sparklin column in the sidebar.
* **Hide header name -** Hides the name of the column in the SuperTables view.
* **Column header alignment -** Horizontally aligns the header text.
* **Header tooltip -** A custom tooltip you can create for the header.

### URL Action

Entering a URL will allow users to click any cell in this column to open a new tab in their web browser. You can refer to any other value from the same row of data by wrapping the field name with angle brackets. You can of course also use a dynamically calculated field that contains a dynamic URL based on the content of that specific row of data. With this, you can set URL parameters to open a dashboard that has already been filtered on specific column values in your selection.&#x20;

<figure><img src="/files/6m8gcae5ygnUtDjVTEyJ" alt=""><figcaption></figcaption></figure>

### Sparkline styling

This is where you can assign a color to the unique properties of a Sparkline or where you can create a marker to show a data point. The styling options are unique to each type of Sparkline as these are explained below:

{% tabs %}
{% tab title="Area Sparkline" %}

<figure><img src="/files/55r6Xfvx0ZyQbv11z1ZA" alt=""><figcaption></figcaption></figure>

* **Fill styling -** The color of the area highlight.
* **Missing-data connection -** Toggles the option to connect broken area segments when there is a missing data point.
* **Marker styling** - These are customizable points drawn at each data value point. You can choose the shape of the marker, it's size, stroke width, fill color and stroke color.
  {% endtab %}

{% tab title="Line Sparkline" %}

<figure><img src="/files/WyXZFlcsE1kMsB7IYK34" alt=""><figcaption></figcaption></figure>

* **Missing-data connection -** Toggles the option to connect broken area segments when there is a missing data point.
* **Marker styling** - These are customizable points drawn at each data value point. You can choose the shape of the marker, it's size, stroke width, fill color and stroke color.
  {% endtab %}

{% tab title="Bar ( Vertical ) Sparkline" %}

<figure><img src="/files/v61uEEiu62HQ8NXspqdi" alt=""><figcaption></figcaption></figure>

* **Fill styling -** The color of the area highlight.
* **Stroke styling -** The outline color and width of each bar.
* **Corner radius -** Defines how rounded each corner of a bar is.
* **Category-axis padding -** Defines the spacing inside or outside each bar.
* **Label styling -** You can enable the feature to display the value label on each bar, you can also customize the font size, font style,font weight and label color.
  {% endtab %}

{% tab title="Bar ( Horizontal ) Sparkline" %}

<figure><img src="/files/v61uEEiu62HQ8NXspqdi" alt=""><figcaption></figcaption></figure>

* **Fill styling -** The color of the area highlight.
* **Stroke styling -** The outline color and width of each bar.
* **Corner radius -** Defines how rounded each corner of a bar is.
* **Category-axis padding -** Defines the spacing inside or outside each bar.
* **Label styling -** You can enable the feature to display the value label on each bar, you can also customize the font size, font style,font weight and label color.
  {% endtab %}
  {% endtabs %}

### General Sparkline styling

These settings are applicable to all Sparkline types.

<figure><img src="/files/ne8THHK9w4ogMgv87CTb" alt=""><figcaption></figcaption></figure>

* **Domain overrides -** These are min/max values defined for the y-axis field.
* **Stroke styling -** You can choose the global stroke color and stroke width of a Sparkline.
* **Highlight styling** - Customizes the highlight styling such as fill color, stroke width and stroke color when hovering over a data point.
* **Padding** - Defines the top,bottom,left and right padding around the sparkline chart in respect to its cell.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.infotopics.com/supertables/configuration/configuration-screen/data-tab/sparklines-pane/sparkline-formatting.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.