Chart Custom Mark Point Style

Application Scenario

You can customize the mark point style of the chart, replacing the original dot effect with uploaded images. You can replace the maximum and minimum values of the mark points with images, as shown in the following figure of a line chart.

Implementation Method

Create a new general report, insert the corresponding chart, specify the built-in dataset temperature, and bind the data to the chart. Select the chart, choose Special Effect > Condition Display, add condition attributes, and configure the custom point style for the corresponding conditions.

Template Design

Create a new general report, select required cells, merge the cells into A1, and insert a line chart, as shown in the following figure.

Note:

For specific methods of setting regular mark points according to series, see the help document link below. This document will explain in detail the method of setting custom mark points based on values.

2. For details about setting regular mark points according to series, see Stacked Percentage Area Chart.

Data Preparation

Create a general report and create a built-in dataset named temperature, as shown in the following figure.

Setting the Maximum and Minimum Values

Enter the formulas max(temperature.select(XiaMen)) and min(temperature.select(KunMing)) in cells J1 and J2, which respectively represent the maximum value of series 1 and the minimum value of series 2. Hide column J.

Chart Data Setting

Select the chart, click Data on the right, select the corresponding data source, and bind the corresponding data, as shown in the following figure.

Chart Style Setting

1. Select the chart, choose Style > Serieson the right, and select Custom Combination as Color Scheme to customize the combination of colors. Select General as Point Style, as shown in the following figure.

2. Choose Style > Axis > Y Axis on the right, select Custom Maximum Value, and set it to 30, as shown in the following figure.

Chart Special Effect Setting

1. Select the chart, choose Special Effect > Condition Display on the right, click  to add condition attributes, and select Mark Point as Attribute for the values of J1 and J2, as shown in the following figure.

2. For Condition Attribute 1, choose Point Style > Custom > Rainy Day Image, set Common Condition to Value Equal to J2, which is the minimum value of KunMing, as shown in the following figure.

3. For Condition Attribute 2, choose Point Style > Custom > Sunny Day Image, set Common Condition to Value Equal to J1, which is the maximum value of XiaMen, as shown in the following figure.

Effect Display

PC

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

2. Mobile Terminal

For details, you can download the template Custom Mark Point in a Line Chart.cpt.