Chart

The Chart element shows your data as an interactive chart, such as a bar, line or pie chart. You place the element in the editor, then enter the data, choose the chart type and set its look in the Chart editor.

Adding a chart

To add a chart to your publication:

1. In the editor, click Add in the left panel.
2. Open the Numbers category.
3. Drag Chart onto the canvas.
4. Resize and position the chart box on the canvas.

A new chart is an empty box until you add data in the Chart editor.

Entering chart data and choosing a chart type

All of a chart's content is made in the Chart editor, a full-screen window with three tabs and a live preview on the right. To open it and build your chart:

1. Select the chart on the canvas.
2. In the right panel, under Chart, click Edit data. The Chart editor opens.
3. On the Chart overview tab, choose a chart type.
4. On the Chart data tab, replace the example data: type your labels in the first row and your dataset names in the first column, then fill in the numbers.
5. On the Chart settings tab, adjust the title, legend, colors and other options.
6. Click Save chart.

Closing the Chart editor without clicking Save chart discards your changes.

Chart types

The Chart overview tab in the Chart editor offers eight chart types:

• Line chart
• Bar chart
• Horizontal chart
• Pie chart
• Doughnut chart
• Radar chart
• Polar area chart
• Mixed chart: shows each dataset as either bars or a line, so you can combine both in one chart.

Chart data layout

The Chart data tab in the Chart editor is a table that works like a spreadsheet:

• First row: the labels, such as the categories or periods along the chart's axis.
• First column: the dataset names. Each row below the first is one dataset.
• Other cells: the numbers for each dataset and label.

The table grows by a row or column when you type in the last one. It holds up to 250 rows and 250 columns.

Chart settings

The Chart settings tab in the Chart editor groups the chart's options into up to four sections. The options shown depend on the chart type.

• Title & Legend: the chart title and its position, the legend position, the font size and font family of the chart's labels, title, legend and values, and the text color of the labels, title and legend.
• Chart type: Stack charts and Interpolation (curved lines). This section appears for line, bar, horizontal, mixed and radar charts.
• Dataset display: a color for each dataset (for pie, doughnut and polar area charts: for each label) and, depending on the chart type, a border, a fill per dataset, or (for a mixed chart) whether each dataset is shown as bars or a line.
• Other options: values at each datapoint, the starting value of the chart, popup labels on hover, a unit, the number format, the grid and other display details.

Scrolling a wide chart horizontally

Scroll horizontally makes a chart wider than its box, so visitors scroll sideways to see all of it. Use it when a chart has too many bars or labels to read in a small space. To turn it on:

1. Select the chart on the canvas.
2. In the right panel, under Options, tick Scroll horizontally.
3. Click the slider icon next to Scroll horizontally and set the Chart width, between 320 and 10000 pixels. You can also adjust the scrollbar here.
4. Optionally, tick Overflow shadow + icon to show visitors that there is more to scroll.

Overflow shadow + icon is only available when Scroll horizontally is on. Visitors see the horizontal scroll and the overflow cue in the published publication.

Updated on: 29/10/2026