Dashboard elements

Dashboard elements allow you to enhance your dashboard. You can add anything from charts, controls, lines, links, images, and text.

Chart

Charts display the metrics you and your team are most interested in.

There are two ways to create a chart. You can either:
1. select Create > Chart from the global navigation
2. select Add chart from a dashboard’s sidebar
You can either create a chart from a template or from scratch using the chart editor. Learn more about how to create a chart.

Controls

Controls filter or change the way data looks on your dashboard. Learn more about controls.

To add a control to your dashboard:

Select Add control from the dashboard sidebar. A pop-up will appear.
Select your desired control type. Learn more about the available control types.
Provide the required information based on the selected control type.
Select Add.
Place the control on your dashboard.

Line

Add lines to format and delimit sections on your dashboard.

To add a line to your dashboard:

Select Add line from the dashboard sidebar.
Place the line on the desired area of your dashboard.

To resize the length of the line:

Hover over the line.
Select and drag the directional arrow that appears at one of its ends.

Link

Add hyperlinks so dashboard viewers can quickly navigate to other relevant dashboards or resources. Selecting a link on a dashboard will open a new tab.

To add hyperlinks to your dashboard:

Select Add link from the dashboard sidebar. A pop-up will appear.
Edit the hyperlink settings:
1. Display text: The hyperlinked text that people will see
2. URL: The URL of the page you want to link to
3. Font style: Select a predefined style or apply a custom one
4. Text color: The color of the link
5. Background color: The background color of the link
Select Add.
Place the link on the desired area of your dashboard.

You can also insert variables in the URL of your link to create dynamic hyperlinks.

Image

Images can help to spice up your dashboard. But you’re not restrained to static images; you can also upload GIFs or short videos.

To add an image to your dashboard:

Select Add image from the dashboard sidebar. A pop-up will appear.
Select Choose file to upload a media file from your computer.
Select Add.
Place the image on the desired area of your dashboard.

Text

Add text to your dashboard to label sections or provide extra context.

To add text to your dashboard:

Select Add text from the dashboard sidebar. A pop-up will appear.
Customize your text settings:
1. Text: The text to display
2. Font style: Select a predefined style or apply a custom one
3. Text color: The color of the text
4. Background color: The background color of the text
5. Use Markdown: Select to use Markdown and some basic HTML to style your text
Select Add.
Place the text on the desired area of your dashboard.

Markdown in PDF downloads

We cannot display Markdown text PDF downloads of a dashboard or the PDF generated from a dashboard subscription. This is because your browser renders Markdown, but we generate PDFs on our server. In other words, we create the PDF before it reaches your browser, so it can’t render the Markdown.

Supported Markdown and HTML syntaxes

Atlassian Analytics supports a subset of syntaxes from Markdown and HTML to give you enough flexibility in how you style your text.

Phrase emphasis

*italic* and **bold**
_also italics_ and __also bold__
<em>still italic</em> and <strong>still bold</strong>

Underlines

<u>my underlined text</u>

Hyperlinks

To create hyperlinks in Markdown:

[link text](https://chartio.com)
or <https://chartio.com>

To create hyperlinks with HTML:

<a href="https://example.com">link text</a>

Headings

Markdown supports two styles of headers: Setext and atx.

Setext-style headers are “underlined” using equal signs (for first-level headers) and dashes (for second-level headers). For example:

This is an H1
=============

This is an H2
-------------

Any number of underlining equal signs or hyphens will work.

Atx-style headers use 1-6 hash characters at the start of the line, corresponding to header levels 1-6. For example:

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

Alternatively, you can use HTML heading tags:

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Ordered lists

To create ordered lists with Markdown, use numbers followed by periods:

first
second
third

Here’s how you’d make an ordered list with HTML:

<ol>
	<li>first</li>
	<li>second</li>
	<li>third</li>
</ol>

Unordered lists

To create unordered lists with Markdown, you can use asterisks, pluses, and hyphens — interchangeably — as list markers:

 * first
 * second
 * third
 * fourth

Here’s how you’d make an unordered list with HTML:

<ul>
	<li>first</li>
	<li>second</li>
	<li>third</li>
</ul>

Inline code spans

With Markdown, wrap your inline code with backticks.

I want to call out my `code`.

With HTML, wrap your inline code with <code> tags.

I want to call out my <code>other code</code> with HTML.

Code blocks

With Markdown, code blocks are delimited by backticks.

```
system.out.println("Markdown is cool");
// random code
```

With HTML, you’d wrap your code with <pre> tags:

<pre>system.out.println("HTML is also cool");
// more random code
</pre>

Quote blocks

With Markdown:

> Email-style angle brackets are used for quote blocks.
>> You can also nest them.
>> You can also *nest* and **format** inside a quote block
> To break the nested blockquote, add a space between lines.
>Markdown allows you to be lazy and only put the > before the first line of a hard-wrapped paragraph

With HTML:

<blockquote>This is a quote</blockquote>

Add another line to resume regular paragraph text.

Was this helpful?

It wasn't accurate

It wasn't clear

It wasn't relevant

Atlassian Analytics is in open beta