Looker Studio Adds Background Colors for Bar and Column Chart Labels

August 18, 2025 at 4:00:35 AM

TL;DR Looker Studio now allows setting background colors for data labels on bar and column charts. Data label options include showing metric values, stacked totals, or percentages, with settings for compact numbers and decimal precision. Users can customize font family, size, color, and styling. Label position, background color, opacity, and border radius can also be adjusted for better presentation.

Looker Studio Adds Background Colors for Bar and Column Chart Labels

Looker Studio has introduced a small update allowing users to set a data-label background color for any bar-label-position option in column and bar charts. This enhances the customization of data labels for better visual clarity.

Data Label Options

The data label section controls how labels appear on bars, activated by turning on the Show data labels switch. Key configurable options include:

  • Bar label type (only for stacked and 100% stacked bar charts):

    • Metric value (default): Displays the metric value for each bar segment.
    • Stacked: Shows the total stack value per bar and running sums for segments.
    • Total: Displays only the total stack value (available only for stacked bar charts).
  • Show data labels as (only for 100% stacked bar charts): Choose between numbers or percentages.

  • Compact numbers: Rounds numbers and adds unit indicators (e.g., 553,939 becomes 553.9K). Available only when labels are shown as numbers.

  • Decimal precision: Sets decimal places for metric values (only when labels are numbers). For percentages, decimal precision is fixed at 2.

Font and Style Settings

  • Font family: Selects the font type for label text.
  • Font size: Adjusts the size of label text.
  • Font color: Available only when bar label position is set to Left (bar charts) or Below (column charts).
  • Font styling options: Apply bold or italic styles to label text.

Label Position and Background Customization

  • Bar label position: Defines label placement relative to the bar or column.
  • Background color: Allows setting a background color for label text.
  • Labels opacity: Adjusts the transparency of the label background from 0% (transparent) to 100% (solid).
  • Labels border radius: Adds rounded corners to label backgrounds, adjustable from 0px (sharp corners) to 20px (maximum rounding).

These enhancements provide more control over the appearance and readability of data labels in Looker Studio bar and column charts.

Have more questions on this topic? Ask our AI assistant for in-depth insights.

Read more from sources πŸ‘‡

The Only Digital Marketing Feed You'll Ever Need.

Stay informed your way. Tailored updates when and how you want them. 100% Free.

10,000+ Users

500+ Sources

1000+ Tools

Or

Related Posts

Top-Notch Google Ads Audit Tool

Top-Notch Google Ads Audit Tool

Featured
Looker Studio Adds Conditional Formatting to Query Result Variables Trending ️‍πŸ”₯

Looker Studio Adds Conditional Formatting to Query Result Variables

Looker Studio Pro adds Code Interpreter for advanced data analysis in preview

Looker Studio Pro adds Code Interpreter for advanced data analysis in preview

Google Cloud
Google Cloud

Official Source

Official Source

Google Cloud is a Official Source. The source has been verified by Swipe Insight team.

Official Source
Looker Studio Adds Report Abuse Feature and Boosts BigQuery Performance

Looker Studio Adds Report Abuse Feature and Boosts BigQuery Performance

Google Cloud
Google Cloud

Official Source

Official Source

Google Cloud is a Official Source. The source has been verified by Swipe Insight team.

Official Source
Looker Studio enables Code Interpreter by default for Pro users

Looker Studio enables Code Interpreter by default for Pro users

Google Cloud
Google Cloud

Official Source

Official Source

Google Cloud is a Official Source. The source has been verified by Swipe Insight team.

Official Source
Google Adds New Grid Line Customization Options to Looker Studio Cartesian Charts

Google Adds New Grid Line Customization Options to Looker Studio Cartesian Charts

Google Cloud
Google Cloud

Official Source

Official Source

Google Cloud is a Official Source. The source has been verified by Swipe Insight team.

Official Source
Looker Studio Announces Modern Charts General Availability and Query Results Variables

Looker Studio Announces Modern Charts General Availability and Query Results Variables

Google Cloud
Google Cloud

Official Source

Official Source

Google Cloud is a Official Source. The source has been verified by Swipe Insight team.

Official Source
Google updates Looker Studio with new email quotas and Pro-exclusive features

Google updates Looker Studio with new email quotas and Pro-exclusive features

Google Cloud
Google Cloud

Official Source

Official Source

Google Cloud is a Official Source. The source has been verified by Swipe Insight team.

Official Source

Related Tools

Markifact logo

Markifact

Verified Tool

Verified Tool

Markifact is a Verified Tool. Want to get this badge? Contact us.

Verified Tool

Marketing Workflows Powered by AI

Featured
Marketing Auditor logo

Marketing Auditor

Verified Tool

Verified Tool

Marketing Auditor is a Verified Tool. Want to get this badge? Contact us.

Verified Tool

Automated audits for Google Ads and Analytics.

Get Featured Here

Showcase your tool in this list.

Contact Us
Dokin logo

Dokin

Sync and visualize data in Sheets and Looker

Reporting
Looker Studio logo

Looker Studio

Transform data into insightful visual reports

Data Visualization
Power My Analytics logo

Power My Analytics

Automate and integrate your marketing data

Reporting
Windsor.ai logo

Windsor.ai

AI-driven marketing data attribution and insights

Reporting
Data Bloo logo

Data Bloo

Looker Studio Report Templates in Minutes

Data Visualization

Get Featured Here

Showcase your tool in this list.

Contact Us