Chart-Specific Appearance Options

This guide presents appearance options for similar charts and key insights into customizing common chart types, improving data presentation and clarity.

  1. Bar Chart Styling

Applies to: Bar Charts, Stacked Bar Charts, Combo Charts (Single-Scale), Horizontal Bar Charts, Horizontal Combo Charts, and Horizontal Stacked Bar Charts

  • Purpose and Use Case

    Bar charts are ideal for comparing discrete categories, with vertical bars enabling clear magnitude comparisons across business units.

  • Key Style Parameters

    • Width: Controls spacing between bars to optimize data visibility and category comparison

    • Top Radius: Adds modern, soft edges for professional presentation

    • Bottom Radius: Provides visual stability while harmonizing with top radius

  1. Table Chart UI Styling

  • Essential Design Elements

    • Headers: Clean black text on white background

    • Category Display: Categories presented as visual badges

    • Number Formatting: Right-aligned sales figures (e.g., $80.09B - $78.03B)

    • Interactive Features: Medium spacing with responsive hover effects

  • Business Benefits

    • Facilitates quick executive review

    • Enables efficient sales comparisons

    • Maintains professional appearance

    • Provides immediate access to insights

  1. Circular Chart Customization

Applies to Pie Charts and Rose Charts

Chart 1: Pie Chart Options

Interaction Modes:

  • Single: Expands one sector at a time on click

  • Multiple: Allows sequential expansion of multiple sectors

  • Series: Expands all sectors with a single click

  • Offset: Controls sector expansion distance in pixels

Chart 2: Rose Chart Options

  • Chart Types:

    • Radius Mode:

      • Emphasizes absolute value differences through sector length

      • Ideal for highlighting disparities (e.g., Finance vs. Technology sectors)

    • Area Mode:

      • Displays proportional relationships through sector area

      • Optimal for market share distribution analysis

  • Interaction Settings:

    • Supports Single, Multiple, and Series modes

    • Customizable offset distance between sectors

Last updated