Custom Position of the Chart Title and Legend

Application Scenario

The floating position of the title and legend of the chart can be customized, which is not limited to the system's predefined left, center, and right positions.

The following figure shows the effect of custom floating position of a pie chart.

Function Entry

1. Title Setting

Choose Style > Title on the chart attributes panel, click Customize Floating Position, and customize the position of the title relative from the top left corner of the chart, as shown in the following figure.

2. Legend Setting.

Choose Style > Title on the chart attributes panel, click Customize Floating Position, and customize the position of the legend relative from the top left corner of the chart, as shown in the following figure.

Note:

1. When you drag the chart directly into the FVS canvas, the position of the legend displayed on the mobile terminal is always below the chart. However, the legend position in the chart component is consistent with that in the designer.

2. When you drag the chart directly into the body of the decision report, the position of the legend displayed on the mobile terminal is always below the chart. However, the legend position in the chart block is consistent with that in the designer.

Template Opening

Use a regular pie chart that has been completed to customize the position of the title and legend.

Click to download the template General Pie Chart.cpt.

Custom Title Position

Select the pie chart, choose Floating Element > Style > Title on the attribute panel, select Show Title, click Custom Floating Position, and set the value of Direction X to 28 and the value of Direction Y to 20, as shown in the following figure.

Custom Legend Position

Select the pie chart, choose Floating Element > Style > Legend on the attribute panel, select Show Legend, click Custom Floating Position, and set the value of Direction X to 55 and the value of Direction Y to 34, as shown in the following figure.

Series Color Scheme

Select the pie chart, choose Floating Element > Style > Series on the attribute panel, and set Color Scheme of the series to Theme, as shown in the following figure.

Effect Display

PC

Save the report and click Pagination Preview. The preview effect is shown in the following figure.

Mobile Terminals

The example uses a floating chart that cannot be previewed on mobile terminals while the chart with cell elements can be previewed on mobile teerminals.

For details, you can click to download the template Custom Position of Chart Title and Legend.cpt.