Successfully!

Error!

Chart Title

  • Last update:  2020-12-09
  • I. Overview

    1) The Chart Title is a setting under the Chart Style attribute, which is used to modify the style of titles as shown in the following diagram:

     图片1.png

    2) This document describes common title settings. For charts with special title settings, please refer to their own documentation for specific descriptions.

    3) Suggested Reading: Chart Data, Chart Types.

    You will learn
    •  Insert a Simple Chart

    •  Adjust Title Style

      •  Content

      •  Layout

      •  BG

      •  Display Strategy

      •  Do Not Display Title

    II. Insert a Simple Chart

    Please refer to Section II Insert a Simple Chart of Chart Series. Those already familiar with inserting charts may skip this section.

    III. Adjust Title Style

    Take the Floating Chart-Column Chart as an example.

    Double-click the chart and select [Style]>[Title] on the right to perform title style adjustment. You can see that there are 5 general settings, namely: Content, Layout, Style, BG, and Display Strategy. Adjustments made to the style can be seen in real time in the floating chart effect on the left as shown in the following diagram:

     图片2.png


    1. Content

    This section sets what to display on the title, i.e., the text information of the title. Available settings include:

    •  Text: Edit the title text directly in the text box or click on the F(x) button on the right to enter the text in the formula editing interface.

     图片3.png

    •  Use HTML parsing text content: If the title is HTML text, the title can only be displayed correctly in the preview after clicking this button; otherwise it will be displayed as a string by default.

    Note: For JAR packages released on July 6, 2020 or later, only some labels can be exported together with the charts (pictures, Excel, PDF, etc.): <b>, <strong>, <i>, <em>, <br/>, <span>.

     图片4.png


    2. Layout

    This section adjusts the title layout. Available settings include:

    •  Layout: Left, Center, or Right. The title is centered by default.

     图片5.png

    •  Custom Floating Position: With the upper left corner of the chart as the origin, the position of the title is determined by customizing the percentages in the x direction (horizontal direction) and y direction (vertical direction) from the origin.

     图片6.png


    3. Layout

    This section sets the character style of the title text. Available settings include:

    •  Character: Set the Font, Size, Color, Italic and Bold of the characters. For example, [Font] is set to Times New Roman, [Font Size] is 20, [Color]is #cf5002, and the characters are italicized and bold.

     图片7.png


    4. BG

    This section sets the title background. Available settings include:

    •  Fill: Click on the drop-down menu to select from No BG, Color and Gradient Color. Take [Gradient Color] as an example. Set the direction as [Horizontal], the color on the left #ffffff and the color on the right #fce6e6 and the effect is shown in the diagram.

     图片8.png


    •  Opacity: Set the transparency effect of the background. The range is 0~100.

     图片10.png

    •  Rounded Corners: Set the four corners of the background border to be rounded.

     图片11.png


    5. Display Strategy

    This section controls the size of the title display area and specifies the maximum proportion. Available settings include:

    •  Area Size: Available options include [Limit] or [No Limit]. It is set as [No Limit] by default.

    •  Max Proportion: The proportion of the title area can be customized from 0 to 100, if the Area Size is set as [Limit].

     图片12.png


    6. Do Not Display Title

    Uncheck [Show Title] to avoid displaying the title.

     图片13.png

    Attachment List


    Theme: Chart
    • Helpful
    • Not helpful
    • Only read

    Doc Feedback