...
Column Chart
A column chart is a type of graph that uses vertical bars to represent data values. The length of each column corresponds to the magnitude of the data it represents
Column charts are particularly effective for comparing values across different categories or displaying the distribution of a dataset
The x-axis typically represents categories, while the y-axis represents the scale of the data
Column charts are straightforward, making them a popular choice for visually presenting simple comparisons and trends in data
Group Column Chart
A grouped column chart is a type of chart that displays multiple sets of data using vertical bars grouped together side by side
Each group of columns represents a distinct category, and within each group, individual columns represent different series or subcategories. This format allows for easy comparison of values within each category as well as across different categories
Grouped column charts are useful when you want to show variations and comparisons of multiple datasets simultaneously, making it visually clear and accessible for the audience to analyze and interpret the data
Stacked Bar Chart
A stacked bar chart is a type of graph that uses horizontal bars to represent data values, with each bar divided into segments that stack on top of each other. Each segment within a bar represents a different category or component, and the full bar represents the total value for that particular category
Stacked bar charts are useful for illustrating the total and how it is divided into subcategories. They provide a visual representation of both the individual components and the overall composition of each category, making it easy to compare the contribution of each segment to the whole
Stacked Column Chart
A stacked column chart is a type of graph that uses vertical bars to represent data values, and each bar is divided into segments that stack on top of each other. Each segment within a bar represents a different category or component, and the full height of the stacked column represents the total value for that particular category
This type of chart is effective for showing both the individual values of each segment and the cumulative total for each category
Stacked column charts are useful when you want to emphasize the overall composition of each category while still maintaining visibility of the contribution of individual components. They are commonly used to display the distribution of data and the relative proportions of different subcategories within each main category
Bar Chart
A bar chart is a graphical representation of data using rectangular bars or columns to show the values of different categories. The length of each bar corresponds to the magnitude of the data it represents
The bars can be either vertical (column chart) or horizontal (bar chart), depending on the orientation
Key features of a bar chart:
Categories: The x-axis typically represents categories or labels that are being compared
Values: The y-axis represents the scale of the data, indicating the values associated with each category
Bars: Each bar is drawn for a specific category, with its length proportional to the value it represents
Bar charts are versatile and straightforward, making them one of the most widely used types of charts for displaying and comparing data in a visual format
Grouped Bar Chart
A grouped bar chart is a variation of the standard bar chart that displays multiple sets of data using bars grouped together side by side
Each group of bars represents a distinct category, and within each group, individual bars represent different series or subcategories
Key features of a grouped bar chart:
Categories: The x-axis typically represents categories or labels
Values: The y-axis represents the scale of the data, indicating the values associated with each category
Groups: Bars within each group are positioned next to each other, allowing for easy visual comparison of values within the same category
This type of chart is particularly useful when you want to compare values across different categories and within each category, compare the contributions of various subcategories or series. It provides a clear visual representation of the relationships and differences between multiple datasets
Pie Chart
A pie chart is a circular statistical graphic that is divided into slices to illustrate numerical proportions. In a pie chart, each slice represents a proportionate part of the whole, and the size of each slice is proportional to the quantity it represents. The entire circle represents 100%, and each slice represents a percentage of that whole
Key features of a pie chart:
Slices: Each slice represents a category or component of the data being visualized
Proportions: The size of each slice is proportional to the quantity it represents relative to the whole
Totality: The sum of all the slices adds up to 100%, representing the entirety of the data
Color or Patterns: Different colors or patterns are often used to distinguish between slices
Bullet List
A bullet list is a text formatting technique used to present information in a concise and organized manner
In a bullet list, items are typically preceded by small symbols (bullets) to visually separate and highlight individual points. Each item in the list is typically a short, standalone statement or phrase
Key features of a bullet list:
Bullets: Small symbols, often dots or circles, precede each item in the list
Itemization: Each point in the list is presented as a separate, concise statement
Ordering: Bullet lists are often used for unordered or non-sequential items. For ordered or sequential items, numbers or letters may be used
Line Chart
A line chart is a type of graph that displays data points over a continuous interval or time span, connecting them with straight lines. This visual representation helps to show trends, patterns, and relationships between variables
Line charts are effective for illustrating changes in data over time or across ordered categories
Key features of a line chart:
Axes: The x-axis typically represents the independent variable (such as time or categories), while the y-axis represents the dependent variable (the data values)
Data Points: Each data point is marked on the chart, and a line connects these points, emphasizing the trend or pattern
Trends: Line charts are particularly useful for visualizing trends, showing whether values are increasing, decreasing, or remaining relatively constant
Multiple Lines: You can have multiple lines on the same chart, making it easy to compare trends between different data series
Markers: Data points are often marked with dots or other symbols to enhance visibility
Attributes
Following attributes will be applicable to all type of charts:
Model
All the models will be displayed in the list that you have created using an object, you can choose the specific model
Models are used to display content in the layout
You need to create a multi-record model for a Table component, refer to this Models
Create New Model: You can either choose the model from the list or you can create the new model by clicking on “Create New Model“Option for your table
...
The chart title is a text element that provides a brief description or label for a chart that appears on the middle top of the chart
It is usually positioned at the top of the chart and serves to convey the primary purpose or context of the chart to the viewer
The title helps users understand the key information or message the chart is intended to communicate. It is an important component of chart design, contributing to the overall clarity and interpretability of the visual representation of data
Merge Text-
By using these operation the user can combines two or more values into a unified text string
Following are the Source Type through which we can merge the values
Source Type
Static- Static source type refers to values that are hard-coded
Model- Merging different kinds of fields
Variable- To merge labels using the values existing in the generated variable
Cookie Key- Data stored in browser cookies, retrieved using a specified cookie key
Local Storage Key- Information stored locally on the user's device and accessed from the local storage
Query Param Key- Values obtained from query parameters in a URL or similar query-based sources
User- Details associated with a user profile, such as username or user-specific information
Instance- Values from instances of objects or entities within the system
Label Field
The label is visible as value on the X-Axis
The label field in a chart refers to the textual information associated with data points, categories, or axes
Labels provide context and clarification, making the chart more understandable. In various types of charts, labels may include axis labels (for x-axis and y-axis), data point labels, category labels, or any other descriptive text that aids in interpreting the chart. These labels help users identify and comprehend the significance of different elements within the chart
...
A theme is used to determine the coloring and hues that display in the charts
For example, the default border color and chart colors are determined by the theme
Types of Background Theme
Air- This scheme often includes light and airy colors, creating a sense of openness and tranquility
Aqua- Inspired by water and aquatic themes, the aqua color scheme typically features shades of blue and green
Cool- This scheme features cool tones, including various shades of blue and green. It can create a calm and refreshing visual experience
Fire- Inspired by warm colors, the fire color scheme includes shades of red, orange, and yellow. It's suitable for creating charts with a warm and energetic feel
Flame- Similar to the fire scheme, flame includes warm colors associated with flames, such as reds, oranges, and yellows
Forest- This color scheme might feature earthy and green tones, reminiscent of a forest or natural environment. It could provide a calming and organic feel to your charts
Horizon- The name suggests a color scheme inspired by the colors of the horizon, possibly blending warm and cool tones to create a visually balanced and harmonious effect
Natural- A softer and more subdued color scheme, often mimicking natural tones. It's a good choice for a more calming and neutral appearance
Neons- Neons often refer to bright, vibrant, and highly saturated colors. This color scheme could be ideal for creating bold and attention-grabbing charts with a modern and energetic look
Night- A night-themed color scheme might include darker shades, such as deep blues and purples, creating a sense of sophistication and mystery
Night Lights- This name implies a color scheme inspired by city lights at night, possibly featuring a mix of dark backgrounds and bright, contrasting colors to represent the lights of a cityscape
Ocean- An ocean-themed color scheme could include various shades of blue and green, reminiscent of the colors of the sea. It may create a sense of tranquility and depth in your charts
Picnic- Picnic might suggest a playful and vibrant color scheme, potentially incorporating a mix of warm and cool colors. It could be a lively and cheerful option for your charts
Solar- A scheme with bright and sunny colors, invoking a sense of warmth and brightness
Vivid- A vibrant and colorful scheme with high saturation, suitable for creating visually striking chart
Is Animation Enabled?
Refers to whether dynamic visual effects, like transitions or movements, are activated for a more engaging presentation of the data
Show Gradient
A color gradient is a smooth refers to the option of displaying a gradual transition of colors in a straight line, creating a visually appealing blend from one hue to another, typically in the background or elements, creating a smooth gradient effect for visual enhancement
Show X Axis
Show X-Axis is the checkbox If it is checked, the values of X-Axis will be visible otherwise not
...