Introducing our Charts Makeover

This is a summary of the major improvements we have launched:

  • White spaces and padding within plots:

We’ve now introduced auto-optimized, responsive padding, spacing, and white spacing when the chart dimensions are changed manually.

Before

Now

  • Minimize overlapping of the x-axis and y-axis labels by implementing X-Axis labels auto-rotation:

If there’s not enough space and axis labels start overlapping (due to long labels or high amount of labels) the plot now reacts responsively. Before, when labels with spaces were overlapping, they automatically moved to the second line. Now, if there isn’t enough room, labels will rotate by 45 degrees. 

Before

Now

 

  • Changed the axis line weight

We have replaced the barely visible x-dotted axis line by making it solid and adding a higher line weight. This is how it looks now:

Before

Now

  • Arrangement and display of data labels (on the downloaded visual).

We have changed the way value labels are displayed in the canvas and in the downloaded visual. The new labels will take up less space and will include font size responsiveness depending on the size of the chart, in order to minimize overlaps with larger values. This will result in better readability and overall improved design of your visual!

Before

Now

  • Include decimals on the axis range.

Before our launch, in charts like bar, line, area, dot etc. the range of the dependent axis could only be whole numbers and not decimals. This was a problem for displaying values that were in between whole numbers. Our new solution allows the range to include decimal values and adjust the scale/axis accordingly!

  • Bar chart Whitespaces, spacing and Padding

If a bar chart has a lot of categories, there is a pronounced leading and trailing space of the x-axis before the first and after the last category (bar) respectively. This makes the bars themselves look cramped.

In this iteration, we optimised leading and trailing space allowing the bars to be distributed evenly.

Before

Now

  • Representing missing data values

Before the makeover, a dot on the line area of the chart would represent all missing value as zero value. The improved and correct approach leaves a blank for the missing value and connects the points before and after the missing data entry.

  • Legend clutter

Legends are now aligned and represented in an appealing way that makes use of the real estate at hand efficiently without cutting of legend text.

  • Data label display

You can now choose to activate data labels and tooltips independently. If the labels are selected, they will appear in the editor version as well as on the exported file.

23%20AM

  • Minimum and Maximum restrictions have been removed.

Now, the custom minimum/maximum values of a chart are independent of any value in the grid. This allows you to reflect data in the way you want it.The value for the minimum/maximum is allowed to be higher or lower than the lowest/highest value.

  • All about Data Labels.

The label font size is now responsive to stop it from overlapping. Depending on the selected chart, labels are now positioned either within the plot (e.g. Pie Chart) or outside of the plot.

The font color of the labels corresponds to the respective chart element when the label is positioned inside the chart. The goal is to make labels readable independent from the label position and background color.

21%20PM

Some things to keep in mind:

  • The data label will always be on top of the respective chart element for chart types with axes.
  • Data labels are hidden if the custom max/min set by the user is above/below the minimum/maximum value in the grid (e.g. column and bar charts). The same rule applies to stacked column/bar charts.
  • Data labels are reflected if the custom minimum/maximum equals the highest/lowest value in the grid.

Common questions

What happens if I'm still using old charts?

You will see a pop-up message like this when you open your chart modal. You can take the following actions:

  • Update your charts: You can click on "Apply changes" if you want to change to the latest version. There may be slight differences between some of them due to the new changes. If that happens, you will need to adjust the chart size to fit well with your visuals.
  • No action taken: You can choose not to apply any changes. However, all the old charts will revert to new charts by default on your visuals by the end of March 2020. We won't be able to support old charts moving forward. Thank you for your understanding!
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.