Navigation
This documentation refers to the MongoDB Charts beta service in MongoDB Atlas. Read the on-premises documentation to learn how to use the MongoDB Charts beta on site.

General Customization Options

MongoDB Charts provides general customization options which modify the visualization at a high level, rather than individual pieces of the visualization.

Field level customizations

Show or Hide Data Markers on a Line Chart

You can dictate whether Charts displays visible data markers which represent individual data points on line charts. Enabling this option makes it easier to see exactly where your data points lie along a line. Hovering over these markers shows the exact data values in a tooltip, making it easier view precise measurements.

To set this option:

  1. Navigate to the Customization tab in the Chart Builder.
  2. In the General Customization section, set the Data Markers toggle switch to the desired setting.

To customize the formatting of the number in the data marker tooltip, modify the Number Formatting settings for the relevant field.

Applicable Chart Types

This customization option is available on the following chart types: Discrete Line, Continuous Line, Discrete Area, and Continuous Area.

Show or Hide Data Value Labels

You can dictate whether Charts displays text labels for your data values. Data value labels show the exact values of the data points in the visualization.

To set this option:

  1. Navigate to the Customization tab in the Chart Builder.
  2. In the General Customization section, set the Data Value Labels toggle switch to the desired setting.

To customize the formatting of the number in the data label, modify the Number Formatting settings for the relevant field.

Applicable Chart Types

This customization option is available on the following chart types: Grouped Column, Colored Column, Grouped Bar, Colored Bar, Discrete Line, Continuous Line, Discrete Area, Continuous Area, and Donut.

Show or Hide Data Category Labels on Donut Charts

You can dictate whether Charts displays category labels for segments in your donut charts. Category labels display the category corresponding to each donut section in text, which eliminates the need to hover over a section or rely on the segment color to determine its category.

To set this option:

  1. Navigate to the Customization tab in the Chart Builder.
  2. In the General Customization section, set the Data Category Labels toggle switch to the desired setting.

Color Palette Customization

Palette customization allows you to select custom colors for your chart. To enable color customization, select the Customization tab of the Chart Type column. A toggle switch labeled Custom Color Palette appears in the General Customization section.

Most chart types allow you to customize individual colors in their palette. The heatmap and colored bar and column types use a gradient color scale, while other types use a custom color picker. The gradient color scale allows you to choose from a set of pre-defined gradients.

Custom color palette selection

Other chart types use a color picker for selecting a customized set of colors.

Custom color palette selection

For chart types which use a color picker for customization, each numbered color swatch corresponds to a data series on the chart. Select a color swatch to modify the color of its corresponding data series. You can select a new color with a color slider, by entering a hex value, by entering RGB values, or by choosing a predefined color. You can also drag and drop the existing color selections if you want to use the current color choices but change which color goes with which data series.

Note

By default, the custom color picker shows color swatches for 10 data series, but you can only modify as many of the swatches as you have data series. The palette can expand to show 20 data series. Charts will use as many colors as needed to show your chart, starting from the first color. For example, if you have only two data series in your chart, only the colors numbered 1 and 2 have any effect on your chart.

To close the color customization tool, click somewhere outside it. To revert the entire chart to its default colors, set the Custom Color Palette toggle switch back to Off.

Applicable Chart Types

This customization option is available for all chart types except Text.