Chart Types and Styles in a Document

Chart Types and Styles in a Document

After accessing the charts section, users can insert four types of charts into the document: Pie, Donut, Bar, and Line, and then personalize them to suit their needs.

Inserting a Pie / Donut Chart:
Upon selecting the desired chart type, a placeholder pie chart with predefined values and labels will be inserted onto the design canvas. To customize this chart:


1. Click on the chart to access customization options.
2. Two tabs, namely Data and Settings, will be available for modification. 


3. In the Data tab, users can alter the values, labels, and descriptions associated with the chart segments. 



4. Additionally, users have the flexibility to add rows to incorporate additional sections onto the pie chart for enhanced data representation.

5. Within the Settings tab, users are presented with four distinct options: General, Font Style, Chart Type, and Chart Style.



6. General: Users can manipulate various settings such as formatting values, toggling labels and legends on or off, and adjusting the position of the legend.



7. Font Style: In the Font Style section, users can specify font sizes for labels, values, and descriptions displayed on the chart. Additionally, users can customize the overall font style from the options provided in the top bar.



8. Chart Type: This allows users to switch between different chart styles such as Pie, Pie with callout, Donut, and Donut with callout. Simply selecting the desired chart type instantly transforms the chart accordingly. 



9. Chart Style: In the Chart Style section, users can further refine the chart's appearance by selecting from available options to display labels and values in different styles.




10. Additionally users have the ability to modify the color of segments using the color palette provided in the top toolbar. They can also expand the chart by incorporating additional sections through the plus button located in the top menu. 




VIDEO DEMO:


Inserting a Bar / Line graph:
1. Select the bar / line graph option from the available charts. This will insert a bar / line graph with predefined values.
2. In the Data tab, customize the data as needed like the label name, values of the bar, label description and proceed to the Settings tab to adjust the chart's style. 


3. General: This option enables modification of value formatting, value intervals, toggling legends, grid and labels, and adjusting the chart's orientation.


4. Font Style: Like other charts, users can adjust the font type and size for labels, grid, and legends on the chart. 



5. Chart Type: Users can switch between bar and line chart types using this option, instantly transforming the entire chart. 



6. Chart Style: Two chart styles, Normal and Infographic, are available. Users can choose between them to continue with the design. 



7. Similar to Pie and Donut charts, users can add and adjust the colors of the bars from the top menu on the design page.




VIDEO DEMO:



    • Related Articles

    • Adding Charts to a Document

      In Perfect Doc Studio, during the document design process, users are provided with the functionality to incorporate charts for presenting data in a visually precise manner. Typically located within the Master elements section of the Creative Block ...

    • Condition Types and How to Add or Remove Business Logic

      Condition types: Match First: Enabling this option will display the section based on the first rule that matches, disregarding subsequent rules. Match Last: This option matches with all sections and displays the section that matches the last. For ...

    • Exploring Document Statistics

      On the right-hand side of the Dashboard page, you'll find a year's worth of data neatly displayed in graphical form for easy understanding. 1. Usage Trend: This section displays the average number of documents created each month over the last year, ...

    • Styling the Text Content within the Document

      In the upper section of the design interface, there is a wide range of text styling tools available. These options allow you to customize and format your text to match your design preferences. Selecting a Font Font Choice: To select a font, click on ...

    • Managing Radio Buttons in your Document

      Radio buttons are used to allow users to select only one option from a set of mutually exclusive choices. Here's how you can add and configure them in your document: Inserting a Radio Button To insert a radio button, click the Radio Button option ...