Guides
Visit our websiteDeveloper Docs
  • Getting Started with Databrain
    • What is Databrain?
  • ❄️Onboarding & Configuration
    • 📝Sign-Up
    • ✍️Sign-In
    • ✏️Google Sign In Setup for Self-hosted app
    • 🤔Forgot password? Recover your Databrain Account
    • 🌟Onboarding
    • 💾Add a Data Source
    • 🧑Configure Tenants
    • 🆕Create a Workspace
    • 🔓Create a Private Workspace
    • 🆕Create a Dashboard
    • 💠Create a Metric
      • Create Custom Columns
      • Create a Metric using Chat Mode
      • Create a Metric using Custom SQL
    • Workspace Settings
      • General Settings
      • Access Control Settings
      • Cache Settings
      • Download Settings
    • 🗄️Explore Data
  • 🛢️Datasources
    • Connecting Data Sources to Databrain
      • Amazon Redshift
      • Snowflake
      • BigQuery
      • MySQL
      • Postgres
      • MongoDB
      • ElasticSearch
      • DataBricks
      • ClickHouse
      • MSSQL
      • Amazon S3
      • CSV
      • Firebolt
      • SingleStore
      • Athena
    • Allow Access to our IP
    • Add a Data Source
    • Configure Tenants
    • How to Sync a Data Source
    • Edit Tenancy
    • Create a Datamart
    • Semantic Layer
    • Create a Data App
    • Creating a Custom Dataset/View in a Multi-Datasource Environment
  • Workspace
    • Multi Datasource Workspace
  • 🔍DASHBOARDS
    • Edit a Dashboard
    • Share Dashboard
    • Dashboard Settings
    • Create/Modify Dashboard Filter
      • Dashboard Filter - Variable Apply On
      • Add LHS and RHS custom sql support for dashboard filter
    • Customize Layout
    • Adding Elements to Dashboard
    • Import/Export Dashboard
    • Report Scheduler
  • 📉METRIC
    • Edit a Metric
    • Joins , Filter, Sort, Group By
    • Complex Filter
    • Apply Metric Filter
      • Metric Filter - Variable
      • Metric Filter - Custom
    • Switch X axis and Switch Y axis
    • Group By
    • Footnote and Long Description
    • Dynamic Property
    • Archive/Unarchive Metric Card
    • Download Metric Card
    • Download Underlying Data
    • Metric Summary
    • Metric Expression for Single Value Card
    • AI Summary
    • Merge Metrics
    • Section Filters
    • View Unpublished Metrics
  • 📊VISUALIZATIONS - ACTIONS & APPEARANCE
    • Chart Actions
      • Chart Click Action
      • Chart Click Action with Metric
      • Card Click Action
      • Drill Down
      • Cross Dashboard Drill Down
    • Chart Appearance
      • Chart-Specific Appearance Options
  • 🛢️PREVIEW OF DASHBOARDS
    • Email Settings for Scheduled Reports
    • Scheduled Reports for End User
  • 🔍FILTERS
    • Dashboard Filter
    • Metric Filter
    • App filter
  • 💡Features
    • Python Editor Console
    • Custom SQL Console
    • Custom SQL Query Guidelines
  • 🏢Integrating Plugin
    • ✳️Get an auth token
    • 🙏Get a guest token
  • 🛃THEMEING & CUSTOMIZATION
    • 🎨Creating a theme
    • 🖼️View the theme in action
    • ⚙️Reset a saved theme
  • 📊Metric Component (upto version v0.11.15)
    • ✨Quick start
  • 🕸️Web Components
    • ✨Quick start
    • ⚛️Framework Specific Guide
  • 🚀Product Changelog
  • 🤳Self Hosted Changelog
Powered by GitBook
On this page
  1. VISUALIZATIONS - ACTIONS & APPEARANCE
  2. Chart Appearance

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.

PreviousChart AppearanceNextEmail Settings for Scheduled Reports

Last updated 5 months ago

  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

📊