Chart Custom Series Filling

Application Scenario

The column in the column chart can be filled with custom images, as shown in the following figure.

Implementation Method

Add condition attributes to the column chart to set different image fill effects for each category or series.

Data Preparation

Create a general report, and add the built-in dataset Embedded1 which records the percentage of different categories, as shown in the following figure.

Report Design

1. Merge required cells, and insert Column Chart, as shown in the following figure.

2. Choose Cell Element > Data to bind the data to the column chart, as shown in the following figure.

3. In the property panel, choose Special Effect > Condition Display, and add four condition attributes, all of which are selected Filled With Image as Attribute. The category numbers are 1, 2, 3, and 4, as shown in the following figure.

4. On the property panel, choose Style > Series, and adjust the width of the columns or the gap between categories based on the size of the inserted images, as shown in the following figure.

Effect Display

1. PC

Save the report and click Pagination Preview. The following figure shows the preview effect.

2. Mobile Terminal

For details, you can click to download the template Chart Custom Series Filling.cpt.