Mixed Chart
Check out the below given walk-through on how to use the Mixed chart component in Designer module.
The mixed chart is a combination of line-chart and column chart. It can plot 3- series of data on the chart. Mainly used to emphasize a different series of information on the chart.
Best Situations to Use a Mixed Chart
To compare multiple categories Example: To analyze the company's budget v/s revenue.
Variations of this chart
Use stacked Column charts: Where multiple categories can be clubbed together on top of each other which makes addressing multiple questions easier.
Use columns side by side: Where comparison between multiple categories becomes easier instead of toggle between charts and data.
Add color for quick insight: Where displaying columns with colors will make users pay quick attention to important tasks.
Default Mixed Chart Image
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252Fx5YcikmWxgV965M16dAX%252FDefault%2520Chart%2520Image.png%3Falt%3Dmedia%26token%3D8ca2129e-393e-4f87-ba36-3de3f2e34a10&width=768&dpr=4&quality=100&sign=ec0203&sv=1)
Properties of the Mixed chart
Axis Setup
The user can enable the Auto axis, the Base Zero value, Horizontal & Vertical marker line, zero marker line and can change the color of lines, increase or decrease the color Transparency by opacity.
Background
The user can change the background color of the chart, can get the border for the chart, and can change the border color, can get the reflection of the chart by enabling the shadow option can also change the color and increase & decrease the transparency of the shadow.
Export Options
The user can enable the 'Enable Context Menu’ from the preview section to download the reports in different formats. The user can change the heading and subheading of the downloaded charts and the name of the downloaded files from the Export context menu.
Formatter
The user can change Y-axis values in units to %, T, Lacs, M, etc. Precision if we want the value in decimal format. Currency if we want the value in INR, Pound, USD. Position of the currency if it's in prefix and currency in Rupee then the sign will be seen in left side if it's in suffix then it will be seen in right-side. Number Formatter if we want it in Indian or international.
General
The user can change the height, width, top, left, chart type, column type & Line form. In this case, we have changed the chart type stacked, base type to plain & line form to segment.
Legend
The user can enable the internal legend if we want to show and can change the font size, color, style, etc.
Second Axis
The user can enable the second axis if we want to show any serial value according to the second axis.
Subtitle
The user can enable the subtitle to display the second title. The user can change the Name, Font color, size, style for the subtitle.
Title
The user can change Title Name, Font color, size, style, etc.
Tooltip
The user can show the description of the series can use the tooltip by enabling it.
X-Axis
The user can change the axis name, Font color, Font size, Enable the axis line, and the axis color.
Y-Axis
The user can change the axis name, Font color, Font size, Enable the axis line, and the axis color.
Dataset Series Properties
The user can change the color of each bar by selecting any of the series. There is an option to change the column type as well. Select either Line or Column options.
Properties Tab from the Dataset Pallet
Modified Properties Tab from the Dataset Pallet:
Variants of the Mixed chart by changing the Properties
Various Stacked Chart & Segment Line
Mixed Chart with Plain base Stacked Chart & Segment line
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252FlZWzOmRiNU2lhw06G4fu%252FMixed%2520Chart%2520with%2520Plain%2520base%2520Stacked%2520Chart%2520%2526%2520Segment%2520line.png%3Falt%3Dmedia%26token%3D6bc2133d-b352-4ff5-8983-2f598afcf9fc&width=768&dpr=4&quality=100&sign=fbf8ffac&sv=1)
Mixed Chart with Plain base Stacked Chart & Curve line
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252FpmfT6rFgKs06vqSnkf07%252FMixed%2520Chart%2520with%2520Plain%2520base%2520Stacked%2520Chart%2520%2526%2520Curve%2520line%2520.png%3Falt%3Dmedia%26token%3D12fc4681-3ac2-4e9b-b651-5b5fc5457ff9&width=768&dpr=4&quality=100&sign=5dad3df&sv=1)
Mixed Chart with Rectangle base Stacked Chart & Segment line
![](https://docs.bdb.ai/~gitbook/image?url=https%3A%2F%2F859511478-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FGDmsjfjJBNqow7Fo97cO%252Fuploads%252FqjGfrcvSwa87wfeecEKQ%252FMixed%2520Chart%2520with%2520Rectangle%2520base%2520Stacked%2520Chart%2520%2526%2520Segment%2520line.png%3Falt%3Dmedia%26token%3D59a735bd-b0a9-4cb6-a19a-b25da7e4d416&width=768&dpr=4&quality=100&sign=be9a89c2&sv=1)
Mixed Chart with Cylinder base Stacked Chart & Segment line
Mixed Chart with Gradient1 base Stacked Chart & Segment line
Mixed Chart with Gradient2 base Stacked Chart & Segment line
Mixed Chart with Gradient3 base Stacked Chart & Segment line
Clustered Chart & Segment Line
Mixed Chart with Rectangle base Clustered Chart & Segment line
Mixed Chart with Cylinder base Clustered Chart & Segment line
Mixed Chart with Pain base Clustered Chart & Segment line
Mixed Chart with Gradient1 base Clustered Chart & Segment line
Mixed Chart with Gradient2 base Clustered Chart & Segment line
Mixed Chart with Gradient3 base Clustered Chart & Segment line
Overlaid Chart & Segment Line
Mixed Chart with Rectangle base Overlaid Chart & Segment line
Mixed Chart with Cylinder base Overlaid Chart & Segment line
Mixed Chart with Plain base Overlaid Chart & Segment line
Mixed Chart with Gradient1 base Overlaid Chart & Segment line
Mixed Chart with Gradient2 base Overlaid Chart & Segment line
Mixed Chart with Gradient3 base Overlaid Chart & Segment line
100% Chart & Segment Line
Mixed Chart with Rectangle base 100% Chart & Segment line
Mixed Chart with Cylinder base 100% Chart & Segment line
Mixed Chart with Plain base 100% Chart & Segment line
Mixed Chart with Gradient1 base 100% Chart & Segment line
Mixed Chart with Gradient2 base 100% Chart & Segment line
Mixed Chart with Gradient3 base 100% Chart & Segment line
Sample Data
Download the given sample data and map it as mentioned below to plot your Mixed chart.
Use the Year column as Category field, and other columns as Series to plot data.