---
title: "Create a Bar chart using SQL macro"
canonical: "https://support.appfire.com/space/SUPPORT/89134751/Create%20a%20Bar%20chart%20using%20SQL%20macro"
format: markdown
---
## Scenario
> Macro (div)
>
> > Macro (inline-media-image)
>
> Estimated Time: 11** min**
As an example, let's create a 3-D bar chart to display the top publishers by revenue (in $M).
## Background
Our scenario uses a data source profile, *BookWarehouse,* to query a database table, *PUBLISHERS*. The table contains the following columns and rows:
```sql
SQL > select * from publishers;
+----+------+-------------------+-----------------+---------+
| id | rank | parent_company | company_name | revenue |
+----+------+-------------------+-----------------+---------+
| 10 | 1 | Pearson | Pearson | 5000.00 |
| 11 | 2 | Reed | RELXGroup | 4900.00 |
| 12 | 3 | WoodbridgeCompany | ThompsonReuters | 4700.00 |
| 13 | 4 | BertelsmannAG-NV | Bertelsmann | 4500.00 |
| 14 | 5 | WoltersKluwer | WoltersKluwer | 4100.00 |
+----+------+-------------------+-----------------+---------+
```
> ℹ️ For more information about data source profiles, click the appropriate version:
> ℹ️
> ℹ️ - [Data source profiles for 10.x version](https://appfire.atlassian.net/wiki/spaces/SQL/pages/74321547/Configure+Data+Source+Profiles+-+10.x)
> ℹ️ - [Data source profiles for 8.x version](https://appfire.atlassian.net/wiki/spaces/SQL/pages/74322923/Data+Source+Profiles+-+8.x)
Our query against the *PUBLISHERS* table looks like:
```sql
SELECT company_name as "Publisher", CONCAT('$',format(revenue,0)) as "M Rev" FROM publishers ORDER BY rank asc;
```
## Steps
The following steps demonstrate how to use Markup to insert Confluence's native [Chart Macro](https://confluence.atlassian.com/doc/chart-macro-163415075.html) and our [SQL Macro](https://appfire.atlassian.net/wiki/spaces/SQL/pages/74321601/SQL+-+10.x) on a Confluence page:
> Macro (table-plus)
>
> | | | |
> | --- | --- | --- |
> |  | ## Create a Confluence page
Create a Confluence page that contains the macros needed to produce the chart.
1. Create a page named *Top Publishers Worldwide* in a space accessible to the desired audience.
> 2. Click *Save* to close the *Page Restrictions* screen.
> 3. Click *Save* to save to publish the new page. | |
> | --- |
> |  | ## Configure the Chart macro
Edit the *Top Publishers Worldwid***e** page and do the following:
1. Insert the *Chart* macro.
> 2. Click the *Chart* macro container and click **Edit** so you can adjust its parameters as shown on the right. The following parameters indicate:
> - *Type* - type of a chart.
> - *Width* - width of the chart in pixels.
> - *Height* - height of the chart in pixels.
> - *Display rendered data* - a data table should be displayed after (below) the chart.
> - *Chart Title* - title for the chart.
> - *Show in 3-D* - add dimension to the bars within the chart.
> - *Opacity* - recommended when using 3-D and for bar the recommendation is 75%.
> - *Horizontal-axis* - column values rendered on the horizon line.
> - *Vertical-axis* - column values rendered on the vertical line.
> - *Show legend* - name associated with the colored bars rendered.
> 3. Click *Save* to save your changes to the macro's parameters. | **Chart macro parameters:**
> Macro (nested-table) |
> | --- |
> |  | ## Configure the SQL Query macro
This step uses the [SQL macro](https://appfire.atlassian.net/wiki/spaces/SQL/pages/74321601/SQL+-+10.x), to retrieve the data to be displayed in the bar chart. To configure the *SQL* macro, do the following:
1. Edit your *Top Publishers Worldwide* page.
> 2. Add a line below your *Chart* Macro.
> 3. Using Markup, insert a new *SQL* macro on the page (more on [Markup here](https://appfire.atlassian.net/wiki/spaces/SQL/pages/74321497/Using+the+SQL+Macro+with+Markup+-+10.x)).
> 4. Adjust its parameters as shown on the right. The following parameters indicate:
> - *Data source profile* - name of the data source profile that you set up.
> - *Use database column labels* - usage of the column names defined within the SELECT statement (e.g., Publisher, M Rev.) rather than the columns names defined within the database table(s) themselves.
> - *Show error if there are no rows* - displays an error if no rows are returned in the result set of the SQL query.
> - *Text to display when there are no rows* - text of the error message to be displayed when no rows are returned in the resultset of the SQL query.
> 5. Click *Save* to save your changes to the *SQL* macro's parameters.
> 6. Paste the SQL statement in ***SQL settings > SQL statement > SQL statement ***(10.x) or inside the *SQL* macro container (8.x) as:
> 7. Use your mouse to drag the *SQL* macro container into your *Chart* macro container (see right). | ***SQL***** macro parameters:**
> Macro (nested-table)
**Moving the *****SQL***** macro inside the *****Chart***** Macro:**
 |
> | --- |
> |  | ## Save and test the page
Now, go back to the *Top Publishers Worldwide* page and click *Save*. You should now see a page that appears as shown on the right. | **Top Publishers by Revenue (in $M):**
 |