Docs

Intelligent Data Insight

Chart Introduction

Histogram

1. Overview

A histogram represents the distribution of data using a series of rectangles or bars of varying heights. In a Cartesian coordinate system, the horizontal axis marks the endpoints of each group, and the vertical axis represents the frequency. The height of each rectangle corresponds to the respective frequency. The product provides a histogram component with multiple configuration options, allowing you to select different display content and histogram types.

2. Quick start

2.1 Common usage scenarios

Histograms are suitable for displaying two-dimensional datasets, enabling you to identify patterns in the data and intuitively visualize the data distribution.
Histogram example

2.2 Example usage process

Step 1: Set dimensions and filter criteria
Select one numerical dimension, such as "Purchase Amount"; filter p_date to the most recent day with data

Step 2: Select the chart panel - Histogram

Step 3: Modify the chart format as needed

3. Feature introduction

3.1 Histogram icon

3.2 Configuration rules

Select one numerical dimension and zero metrics

3.3 Edit colors

You can set the colors of the bars and lines, as shown below:

It also supports Custom Color Schemes.

3.4 Histogram configuration

Data range: The number of data points to filter. For example, if metric A has 100 values and you select 0-90%, the first 90 data points are used for plotting.
Number of bins: The number of groups for the X-axis data.
Display content: There are three modes: default, value, and proportion. Selecting value displays only the frequency, selecting proportion displays only the proportion, and selecting default displays both value and proportion.
Histogram type: There are two types: frequency and cumulative.

For example, if you set the data range to 0-95%, the first 95% of the data is used; if you set the number of bins to 5, there are only 5 groups on the X-axis; if you select the cumulative histogram, both value and proportion are calculated cumulatively, as shown below.