Component Styles

Introduction

Functions

You can set general styles of chart components and chart styles:

Application Scenarios

Chart and table components can be beautified by changing their styles.

Preview

General Style Settings

The general style settings of components include:

Setting Background

You can customize the color or upload an image as the background.

1. Effect of customizing the color

2. Effect of uploading an image

Setting Title Colors

The title color needs to be in sharp contrast to the component’s general background color. You can use deep background color with light title color, or vice versa, so that the title color can be quickly recognized.

Component Color

Chart Color

Charts that support component color settings include Column Chart, Line Chart, Bar Chart, Area Chart, Combo Chart, Pie Chart, Radar Chart, and Funnel Chart. The color of chart components can be set by dimension and by measure.

1. By Dimension

There are more than 10 default color sets in system. The color can also be customized for each column or bar.

2. By Measure

Some components support color settings by measure, containing two color types:

Table Component Color

Tables that support component color settings include Pivot Table, Detail Table, and Spreadsheet. Table component color can be set in the following aspects:

Tables include Pivot Table, Detail Table, and Spreadsheet.

Indicator Style

When there is one measure and no dimension, you can set indicator styles as follows:

Note

Only the settings of chart color take effect on mobile.